css中怎么给字体居中

CSS是网页设计中不可避免的一部分，其中字体样式的设计尤为重要。在设计网页时，我们不仅要选择合适的字体，还要让字体居中。本文将介绍如何在CSS中实现字体居中的效果。
在CSS中，常见的让字体居中的方法有两种：一种是让行高与字体大小相等，另一种是使用CSS3的线性渐变实现垂直居中。
第一种方法很简单，只需要将p标签的line-height设置为与font-size相等即可：

p {
  font-size: 16px;
  line-height: 16px;
} 

这种方法的优点是兼容性好，几乎所有浏览器都支持。缺点是当字体大小变化时，需要手动调整行高。
第二种方法使用了CSS3的新特性，即使用线性渐变实现背景色的垂直居中，代码如下：

p {
  font-size: 16px;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, #fff 50%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #fff 50%);
  background-position: 0px -5px;
  background-size: 100% 130%;
  background-repeat: no-repeat;
} 

这种方法的优点是可以自动适应不同字体大小，同时也可以实现水平居中。缺点是不兼容低版本浏览器，需要加上浏览器前缀。
总之，在CSS中实现字体居中并不困难，只需要根据不同的需求选择合适的方法即可。希望本文对你有所帮助。