CSS:中心块,但将内容对齐

前端之家收集整理的这篇文章主要介绍了CSS:中心块,但将内容对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

解决方法

首先,创建一个父div,将其子内容与text-align:center对齐。接下来,创建一个使用display:inline-block的子div,以适应其子节点的宽度和text-align:left使其保持的内容按照所需的方式对齐。
<div style="text-align: center;">
    <div style="display: inline-block; text-align: left">
        Content<br />
        That<br />
        Is<br />
        Left<br />
        Aligned
    </div>
</div>

猜你在找的CSS相关文章