两个div并排显示代码怎么写?
两个div怎么并排显示?两个div并排显示代码要怎么写?
要写这个代码还是比较简单的,大概的思路就是用一个大的div套住两个小的div,然后让两个小的div都左漂浮,再设定小的div的大小、高度、margin值、padding值等就可以了。
具体代码如果不会写的就照抄下面的吧
<div style="width:90%;margin: 10px auto 20px;display: flex;justify-content: center;"> <div style="float:left;width:300px;height:300px;text-align: center;margin: 5px;padding: 5px 5px 15px;border: 1px dashed var(--be-border-dashed);">这里是图片</div> <div style="float: left;width:300px;height:300px;text-align: center;margin: 5px;padding: 5px 5px 15px;border: 1px dashed var(--be-border-dashed);">这里是图片</div> </div>
这里老翟直接用了内置css样式,如果不想内置就自行把style里面的内容封装到class里面。
最终的效果请参考文章下方的样子。
- 随机文章
- 热门文章
- 热评文章
- 重拾那些遗失的美好时光
- 浙大电池新方案登《自然》:10分钟快速充放
- 借六千万韩元不还,《豪杰春香》男星被前经纪人以涉嫌诈骗起诉
- 哈马斯发文悼念美自焚抗议军人
- 美媒:俄卫星与美航天器擦肩而过
- 早教公司美吉姆去年净利润至少亏损6.7亿元:早教中心数量减少41%
- 韩国一观光客车发生事故 已致2死10余伤
- 1599元 真我12 Pro+明天发售 网友:把门焊得死死的