61,115
社区成员
发帖
与我相关
我的任务
分享麻烦问下大家！通过CSS能控制行列的变化吗？
例如
我原来有
<ul>
<li>11111</li>
<li>22222</li>
……
<li>16</li>
</ul>
共16条数据
能通过css的调整！
让他在前台显示为 8行2列吗？或者是4行4列？
能的话 要如何实现呢？
我原来有
<ul>
<li>11111</li>
<li>22222</li>
……
<li>16</li>
</ul>
共16条数据
能通过css的调整！
让他在前台显示为 8行2列吗？或者是4行4列？
能的话 要如何实现呢？
...全文
请发表友善的回复…
发表回复
szgekko 2009-10-23
- 打赏
- 举报
感谢！
学习了
之前一直用 smarty的语法去换列数的
学习了
之前一直用 smarty的语法去换列数的
swandragon 2009-10-23
- 打赏
- 举报
[Quote=引用 1 楼 sohighthesky 的回复:]
float:left,再设定ul宽度
HTML code<HTML><HEAD><styletype="text/css">
ul{
width:100px;}
li{
width:50px;
float:left;}</style></HEAD><body><ul><li>11111</li><li>22222</li><li>22222</li><li>22222</li><li>22222</li><li>22222</li><li>16</li></ul></body></HTML>
[/Quote]
学习
float:left,再设定ul宽度
HTML code<HTML><HEAD><styletype="text/css">
ul{
width:100px;}
li{
width:50px;
float:left;}</style></HEAD><body><ul><li>11111</li><li>22222</li><li>22222</li><li>22222</li><li>22222</li><li>22222</li><li>16</li></ul></body></HTML>
[/Quote]
学习
sohighthesky 2009-10-23
- 打赏
- 举报
float:left,再设定ul宽度
<HTML>
<HEAD>
<style type="text/css">
ul {
width:100px;
}
li {
width:50px;
float:left;
}
</style>
</HEAD>
<body>
<ul>
<li>11111 </li>
<li>22222 </li>
<li>22222 </li>
<li>22222 </li>
<li>22222 </li>
<li>22222 </li>
<li>16 </li>
</ul>
</body>
</HTML>
