CSS怎么设置水平对齐方式

html-css015

CSS怎么设置水平对齐方式,第1张

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去除无序列表的点;