css设置水平居中,我们首先需要做的就是给这个div或者是表格一个width和height让他有具体的高宽显示,然后在通过margin来实现,margin的介绍,可以看图:
将margin设置成0 auto就成居中显示了,具体看代码:
<html>
<head>
<style>
tabel{
width:400px
height:300px
margin:0 auto
}
</style>
</head>
<body>
<table>
<tr>
<td>我是测试文字</td>
</tr>
</table>
</body>
</html>
让<ul>水平排列:关键之处在于设置ul或者li标签的浮动:float:left或者float:right;第一个是靠左浮动,第二个靠右浮动;下面是代码展示ul中设置的li标签居左浮动:<style>
ul li{ float:leftmargin-left:20pxlist-style-type:none}
</style>
<ul>
<li>靠左浮动排列一</li>
<li>靠左浮动排列二</li>
<li>靠左浮动排列三</li>
<li>靠左浮动排列四</li>
</ul>
li标签居左浮动,实现ul水平排列;
margin-left:20px左外侧距离20px,list-style-type:none去除无序列表的点;