ul和li完成分多列(两列)合理布局显示信息

日期:2021-03-08 类型:科技新闻 

关键词:自助建站,专业建站,建站网站,建站平台,网站在线制作app

简易句子完成DIV+CSS分多列(两列)合理布局显示信息

拷贝编码
编码以下:

<style type="text/css">
.my ul {
width: 210px;
}
.my li {
width: 100px; /*假如显示信息3列 则width改成70px*/
float: left;
display: block;
}
</style>


拷贝编码
编码以下:

<div class="my">
<ul>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
</ul>
</div>