普通的显示数据的时候,ul就是项目列表,li就是列表项。可以用来显示数据。
如果用于DIV+CSS布局的话,ul+li可以替换表格的作用,具体的设置,如果宽度高度、行间距、背景边框等需要配合CSS一起设置。
一.做导航,居中
#menu{
width:1000px;
height:35px;
float:right;
margin:0px;
clear:both;
vertical-align:bottom;
}
#ul li{
list-style-type:none; /*去掉项目符号的,比如你用了
clear:both;
width:100px;
display:inline; /*li {display: inline} 让 li 不再独占一行, 宽度上只会得到必要的而不是占有所在容器的全宽*/
font-size: larger;
text-decoration:none;
}
a{
text-decoration:none; /*去掉下划线*/
}
二.少量数据表格
默认是竖排,并且带圆点
- hello
- hello
- hello
- hello
三.少量数据表格
- 去掉圆点
- hello
- hello
- hello
四.少量数据表格
#myul li{
float:left;
width:100px;
}
- hello
- hello
- hello
- hello
- hello
- hello
- hello
- hello
- hello