让多个div在同一行显示的样式及html代码

前端技术 2023/09/09 CSS
以下为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>

本文地址：https://www.stayed.cn/item/23526

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案