HTML+CSS元素内的文本，实现单行居中对齐，多行靠左对齐 - 倒打冲天子

HTML+CSS元素内的文本，实现单行居中对齐，多行靠左对齐

HTML：

<body>
    <!-- 元素内的文本，实现单行剧中，多行靠左 -->
    <p>
        <span>啦啦啦啦啦啦</span>
    </p>

CSS：

<style> 
        p{
            width: 300px;
            height: 200px;
            border: 1px solid #000;
            text-align: center;
        }
        span{
            display: inline-block;
            text-align: left;

        }
    </style>

单行效果：

多行效果：

内联元素大小是内容撑出来的，但其效果不会使其成为一个块，要将<span>转为内联块

2021-08-31
2021-12-15
2021-12-14
2021-11-17
2021-12-01
2021-11-12
2021-11-21
2021-11-14