常用css

最新推荐文章于 2025-04-26 22:22:48 发布

weixin_30847939

最新推荐文章于 2025-04-26 22:22:48 发布

阅读量50

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/-lpf/p/5778623.html

本文介绍了如何使用CSS中的display:inline和float:left属性实现多个div元素在同一行显示的方法，并展示了具体的代码示例。

 1 1 多个div 不换行。并排
 2 <style type="text/css">
 3 div#row1 { display: inline }
 4 div#row2 { display: inline }
 5 </style>
 6 
 7 <style type="text/css">
 8 div#row1 { float: left; }
 9 div#row2 { color: red }
10 </style>
11 div内容不换行 
12 <div nowrap>div不换行div不换行div不换行</div>
13 
14 <div><nobr>不换行不换行<nobr></div>