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

html-css014

怎么用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>