在界面设计的时候,经常需要将两个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