[分享]css两行文字怎么居中左对齐

在网页设计中，居中对齐是很常见的一种样式，但有时候我们需要把某些文字或文本框居中并左对齐。在这种情况下，我们可以使用CSS中的文本对齐属性。下面就是常用的实现方法。 首先，在HTML文档中使用p标签来...

在网页设计中，居中对齐是很常见的一种样式，但有时候我们需要把某些文字或文本框居中并左对齐。在这种情况下，我们可以使用CSS中的文本对齐属性。下面就是常用的实现方法。
首先，在HTML文档中使用p标签来定义两行文字，代码如下：

<p>这里是第一行文字<br>这里是第二行文字</p> 

然后，在CSS样式中使用text-align和display属性。text-align可以控制文本的对齐方式，而display属性可以控制元素显示方式。我们把这两个属性结合使用可以实现文字居中左对齐。

p {
  display: table;
  margin: 0 auto;
  text-align: left;
} 

在上面的CSS样式中，我们将p元素的显示方式设置为table，这样可以让p元素水平居中。然后把text-align设置为left，这样可以让文本左对齐。同时，我们还设置了margin值，保证p元素在页面上垂直居中。
最后，我们就可以在浏览器中看到两行文字已经实现了居中左对齐的效果。
总结一下，要实现CSS两行文字的居中左对齐，我们需要结合使用text-align和display属性。通过设置p元素的display属性为table和margin值，然后设置text-align为left，就可以实现文字的居中左对齐效果。