让多个div在同一行显示的样式及html代码
导读：收集整理的这篇文章主要介绍了让多个div在同一行显示的样式及html代码，觉得挺不错的，现在分享给大家，也给大家做个参考。 以下为css样式： 复制代码代码如下: div{ margin-bottom: 10px; clear:b...
收集整理的这篇文章主要介绍了让多个div在同一行显示的样式及html代码，觉得挺不错的，现在分享给大家，也给大家做个参考。 以下为css样式： 复制代码代码如下:
div{
margin-bottom: 10px;
clear:both;
word-break:break-all;
word-wrap:break-word;
}
复制代码代码如下:
PRe name="code" class="css"> !--width指定每个div占据的宽度--> /pre> .custom_div{ height: 23px; width: 50px; line-height: 23px; float: left; }
pre> /pre>
以下为htML代码：
[code]
pre name="code" class="html">
div id="pid">
div id="d1" class="custom_div"> jelly1/div>
div id="d2" class="custom_div"> jelly2/div>
div id="d3" class="custom_div"> jelly3/div>
/div> /pre>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 让多个div在同一行显示的样式及html代码
本文地址： https://pptw.com/jishu/584885.html