css样式中怎么能让一行字水平居中显示

html-css040

css样式中怎么能让一行字水平居中显示,第1张

使用列表的时候，当给li加上浮动float的话，就会发现text-align:center无效了，这是因为这里的li是区块元素，使用text-align是无效的，给li加上宽高和背景颜色就可以看到效果了，这时ul要进行居中就只能用margin:0

auto才行。

如果实在不想使用margin这个居中的方法，可以把li的float去掉，使用display:inline可以把li变为内联元素，这时就可以使用text-align:center了。

你可以尝试下，希望帮助到你，有疑问可向我追问，尽我所能为你解答。

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>