文字少的时候居中显示,文字多的时候在左边显示(某个模块文字多少是动态的)

html:
<div class="box">
  <p id="conMore" class="content">文字内容-新增文字-新增文字-新增文字-新增文字-新增文字-新增文字</p>
</div>
css:
.box {
    
    
  padding: 10px;
  background-color: #cd0000;
  text-align: center;
}
.content {
    
    
  display: inline-block;
  text-align: left;
}

在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43131046/article/details/114399164