一、一段文字，字體、字?jǐn)?shù)很少的時候居中顯示，字?jǐn)?shù)多的時候左對齊顯示。

實現(xiàn)1

<style>
        .cw-box {
            margin-top:4px;
            padding: 1em;
            background-color: deepskyblue;
            color: #fff;
        }
        .cw-content-1 {
            display: table;
            margin: auto;
        }
</style>

<div class="cw-box">
    <div class="cw-content-1">謝謝大家。</div>
</div>
<div class="cw-box">
    <div class="cw-content-1">謝謝大家購買我的書籍，如果你發(fā)現(xiàn)了錯誤，請及時通過郵件跟我聯(lián)系</div>
</div>

實現(xiàn)2

    <style>
        .cw-box {
            margin-top:4px;
            padding: 1em;
            background-color: deepskyblue;
            color: #fff;
        }
        .cw-content-2 {
            width: -moz-fit-content;
            width: fit-content;
            margin: auto;
        }
    </style>
<div class="cw-box">
   <div class="cw-content-2">謝謝大家。</div>
</div>
<div class="cw-box">
    <div class="cw-content-2">謝謝大家購買我的書籍，如果你發(fā)現(xiàn)了錯誤，請及時通過郵件跟我聯(lián)系</div>
</div>