怎么用CSS样式使文本居中对齐

html-css021

怎么用CSS样式使文本居中对齐,第1张

可以使用“text-align:center”是文本居中。

1、新建html文档,在body标签中添加div标签,然后在div标签中添加文字:

2、为div标签设置宽高和边框css样式,这时默认情况下文字靠左对齐:

3、为div添加“text-align:center”,其中“text-align”指的是文本对齐方式,“center”指的是居中对齐,这时文本就会居中对齐:

将支持valign特性的对象的内容与对象中部对齐,你使用的元素支持valign吗?

<table border=1>

<br>

<td style="vertical-align:middleheight:300">居中显示</td>

</tr>

<table>

补充:

据我所知,是不支持的

一般的作法是变通一下,设置height和line-height相同来得到居中的效果

<style>

.div1{width:200pxheight:100pxline-height:100pxbackground:#ff9966

}

</style>

<div class="div1">这是一个层</div>