css 单行文字居中，多行文字左对齐

最新推荐文章于 2024-07-25 08:14:42 发布

har01d

最新推荐文章于 2024-07-25 08:14:42 发布

阅读量2.1k

点赞数

文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_43951592/article/details/131313018

版权

<div class="a">
    <p>
      css 多行文字左对齐
“利用行内元素: 我首先想到了这个思路,思路如下: 让P居中,P中的文字左对齐:(P的父级text-align:center; P自身text-align:left;) P的宽度根据文字的宽度伸缩,当文字为一行时,则P的宽度小于LI的宽度,居中;则看上去文字是局中的。 当大于一行时,P的宽度和LI的宽度是一致的,文字就居左了。” 更多 >
    </p>
</div>
<div class="a">
    <p>到了这个思路,思路如</p>
</div>

 .a{
    width: 400px;
    min-height: 200px;
    text-align: center;
    border: 1px solid #000;
  }
  .a p{
    display: inline-block;
    text-align: left;
  }