css翻转中线怎么去掉‘’

CSS中line-height属性的默认值是normal，当一个元素设置了line-height值后，会在元素的上下各有一定的留白，这样的问题通常可以通过将line-height和height的值设置为相同来解决。

p {
  line-height: 1.5;
  height: 1.5em;
}

但是，在CSS中翻转文本的时候，我们需要使用transform属性来实现，会出现文本的垂直留白在翻转后的文本的上面。

.flip {
  transform: rotateY(180deg);
}

为了去掉这个留白，我们需要使用transform-origin属性，并将它的值设置为“center”，这样能够使得文本在翻转时沿着中心轴进行翻转。

.flip {
  transform: rotateY(180deg);
  transform-origin: center;
}

这样，就能够完美地解决文本翻转产生的垂直留白问题了。