CSS text-wrap:balance与文字排版实例页面

回到相关文章 »

效果:

默认值

感谢大家对《CSS选择器 第2版》的支持,购买签名版送极客时间14天畅学卡,数量有限,先到先得!

balance值

感谢大家对《CSS选择器 第2版》的支持,购买签名版送极客时间14天畅学卡,数量有限,先到先得!

代码:

CSS代码:
.p {
    width: 300px;
    border: 1px solid;
}
.balance {
    text-wrap: balance;
}
HTML代码:
<h4>默认值</h4>
<p class="p">感谢大家对《CSS选择器 第2版》的支持,购买签名版送极客时间14天畅学卡,数量有限,先到先得!</p>
<h4>balance值</h4>
<p class="p balance">感谢大家对《CSS选择器 第2版》的支持,购买签名版送极客时间14天畅学卡,数量有限,先到先得!</p>