一、一段文字,字体、字数很少的时候居中显示,字数多的时候左对齐显示。
实现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>