我已text-align設定為justify:
p {
text-align: justify;
border:1px solid;
}
div {
width:200px;
}
<div>
<p>
NAME
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet molestie enima
</p>
</div>
如果第一行的長度沒有到達元素的右側,我該如何做到這一點,那么它是居中的?所以在上面的例子中,NAME將居中而不是左對齊。
不幸的是,我不能調整元素的設定(不能NAME換成居中的跨度標簽等)。并且寬度不固定(以上只是為了說明問題)。
uj5u.com熱心網友回復:
您可以使用text-align-last: center;
p {
text-align: justify;
border:1px solid;
padding: 0 auto;
text-align-last: center;
}
div {
width:200px;
}
<div>
<p>
NAME
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet molestie enima
</p>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/437823.html
標籤:css
