文段居中是网页设计中常用的技巧，可以使整个页面看起来更加平衡美观。在CSS中，我们可以使用text-align属性来实现文段居中效果。下面是一个简单的例子：

这是一个居中对齐的文段。

使用上述CSS代码可以使段落中的文段居中对齐。text-align:center的意思是让文本在其容器中居中对齐。 在实际应用中，我们可能需要将多个段落居中对齐。这时候，可以使用CSS的层叠样式表(Cascading Style Sheets)中的class属性。

这是一个居中对齐的文段。

这是另一个居中对齐的文段。

在CSS文件中添加以下代码，即可使两个段落中的文段都居中对齐。 .center { text-align: center; } 需要注意的是，在使用text-align:center属性时，只有块级元素才能产生实际的效果。块级元素包括

、

和

等等，而行内元素(如或)则不会产生效果。 此外，还需注意text-align:center属性只对水平方向有效，对垂直方向没有影响。如果需要实现垂直居中，则需要使用vertical-align属性。 总之，文段居中是CSS常用的布局技巧之一，使用text-align:center属性可以轻松实现。通过设置class属性，也可以让多个文段实现居中对齐。

上一篇html5代码画图

下一篇文档下载 css样式