会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
~碧海蓝天~·~我的家园~
·~爱~·~听海~·
博客园
首页
新随笔
联系
订阅
管理
通过css来控制div.ul.li的多列显示效果
Code
1
<
style
type
="text/css"
>
2
.column
{
}
{
width
:
300px
;
height
:
74px
;
float
:
left
;
}
3
.column ul
{
}
{
width
:
280px
;
}
4
.column li
{
}
{
width
:
100px
;
float
:
left
;
display
:
block
;
}
5
</
style
>
6
<
div
class
="column"
>
7
<
ul
>
8
<
li
>1111111
</
li
>
9
<
li
>2222222
</
li
>
10
<
li
>3333333
</
li
>
11
<
li
>
4444444
</
li
>
12
<
li
>
5555555
</
li
>
13
<
li
>
6666666
</
li
>
14
<
li
>
7777777
</
li
>
15
</
ul
>
16
</
div
>
在需要多列显示控制时,这段代码非常有用,调整css各元素的宽度可以得到不同的显示效果,不妨copy到网页中运行一下,看看效果如何!!!
posted on
2009-05-27 11:16
dengqiye
阅读(
1037
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部