一、一段文字，字体、字数很少的时候居中显示，字数多的时候左对齐显示。

实现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">谢谢大家购买我的书籍，如果你发现了错误，请及时通过邮件跟我联系</div>
</div>

实现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">谢谢大家购买我的书籍，如果你发现了错误，请及时通过邮件跟我联系</div>
</div>