使用li标签布局

来源:互联网 发布:qq邮箱for mac 编辑:程序博客网 时间:2024/06/05 07:57

将 li 标签 按照多行多列的显示,效果如:

苹果 苹果 苹果
梨子 梨子 梨子

实例代码:

<style>    ul {overflow:hidden;width:100%;}    ul li{width:33.333%;float:left;}</style><ul>  <li>苹果</li>  <li>苹果</li>  <li>苹果</li>  <li>梨子</li>  <li>梨子</li>  <li>梨子</li></ul>

给予跬步