[分享]css3文字居中对齐

在网页设计中，文字的排版是非常重要的一环。而其中，文字的居中对齐也是设计中最常见的一种排版方式。在CSS3中，可以通过多种方式来实现文字的居中对齐。 一、文本居中对齐 我们可以使用CSS的textal...

在网页设计中，文字的排版是非常重要的一环。而其中，文字的居中对齐也是设计中最常见的一种排版方式。在CSS3中，可以通过多种方式来实现文字的居中对齐。
一、文本居中对齐
我们可以使用CSS的text-align属性来实现文本的水平居中对齐， 将属性的值设置为“center”即可。
例如：

p {
   text-align: center;
} 

这样就可将所有p标签内的文本内容水平居中对齐。
二、垂直居中对齐
在CSS3中，垂直居中对齐是比较难实现的一个问题。但可以通过设置父元素的display属性和子元素的height属性，来实现文字的垂直居中对齐。
例如：

div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 200px;
}
p {
  display: inline-block;
  vertical-align: middle;
} 

以上代码通过将父元素设置为table-cell属性，可以设置子元素的对齐方式为垂直居中对齐。同时，将子元素的display属性设置为inline-block，可以使其具有可显示的特性，从而在父元素的垂直方向上居中对齐。
总之，CSS3中有很多实现文字居中对齐的方法，以上只是其中两种常见的方式。在网页设计中，根据实际需要灵活运用，才能得到更好的效果。