[分享]css两行怎么居中

CSS中的居中是网页布局中常用的技巧，CSS中有许多种方式可以实现居中，其中比较常用的是利用margin和textalign两个属性实现。本文将教你如何使用这两个属性实现两行的居中。 首先我们需要有一...

CSS中的居中是网页布局中常用的技巧，CSS中有许多种方式可以实现居中，其中比较常用的是利用margin和text-align两个属性实现。本文将教你如何使用这两个属性实现两行的居中。
首先我们需要有一个需要居中的元素，假设这个元素为一个div，包含两行文字。

html
<div class="center">这是第一行文字<br>这是第二行文字</div> 

接下来我们就可以使用CSS来居中这个div。
首先是margin属性，我们可以给这个div设置左右margin为auto，这样就可以实现水平居中。

css
.center {
  margin: 0 auto;
} 

接着是text-align属性，我们可以给这个div设置text-align为center，这样就可以实现垂直居中。

css
.center {
  margin: 0 auto;
  text-align: center;
} 

现在我们已经实现了两行文字的水平垂直居中，下面是完整的CSS代码。

css
.center {
  margin: 0 auto;
  text-align: center;
} 

以上是使用margin和text-align两个属性实现两行居中的方法，它们是常用的居中方式之一。在实际开发中，我们还可以使用其他的方法来实现居中，例如flex布局、position和transform等，需要根据具体情况选择使用。
代码预览：

.center {
  margin: 0 auto;
  text-align: center;
}