两个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里面。
最终的效果请参考文章下方的样子。
- 随机文章
- 热门文章
- 热评文章
- NFC绑羊城通失败钱被扣走解决方法
- 《黑神话:悟空》获得国产游戏版号,敬请期待8月20日发售
- 李彦宏:百度文心大模型推理成本已降至1%!与三星、荣耀等达成合作
- 阿里云首度公开揭秘:高德地图红绿灯倒计时是如何实现的
- 芯片价格将被抬高 权威机构:芯片业面临严重缺水隐患!
- “最强王者”只是起步 《王者荣耀》新版有7个王者段位
- 今起快递必须上门等:快递员预测新规实施将引发离职潮 有人将收货地址改驿站
- 奇瑞汽车百亿补贴置换来了!四大品牌最高可抵4万元