星空网 > 软件开发 > 网页设计

html/css 两个div在同一行

在界面设计的时候,经常需要将两个div在同一行显示。

但是每次都会忘记怎么做,特此随笔,备忘。

如以下要将“第一个div”和“第二个div”显示在同一行:

<div id="id1">  /*外层div*/

    <div id="id2" >第一个div</div>

    <div id="id3" >第二个div</div>

</div>

只需要对id2和id3增加css样式即可,如下所示:

<div id="id1">  /*外层div*/

    <div id="id2" color: #ff0000;">float:left;">第一个div</div>

    <div id="id3" color: #ff0000;">float:left;">第二个div</div>

</div>

这样就可以了。很简单吧。




原标题:html/css 两个div在同一行

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

旺季结束了?圣诞节前夕,卖家销量断崖式下跌!:https://www.ikjzd.com/articles/138297
亚马逊常用语Q&A问答(111-120):https://www.ikjzd.com/articles/138298
个人做shopify-facebook广告和选品的一些经验分享:https://www.ikjzd.com/articles/138299
2019年eBay店铺运营建议:站内引流、多站点布局!:https://www.ikjzd.com/articles/13830
搭影院、做直播、搞家装 | 亚马逊美国品类经理告诉你2021外国人爱买啥!:https://www.ikjzd.com/articles/138300
疫情变异导致多国沦陷!暴雪侵袭美国东北部,这个旺季不好过!:https://www.ikjzd.com/articles/138301
TikTok 将推出先买后付服务 :https://www.kjdsnews.com/a/1836651.html
TikTok 将推出先买后付服务 :https://www.goluckyvip.com/news/188219.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流