一、要實現的效果:
二、代碼
要在CSS中設置文本在一個固定寬度的容器中等距分開,
可以使用text-align: justify;屬性,它可以讓文本兩端對齊,看起來就像是等距分開的。
但是要注意,單獨使用text-align:justify;只能對單行文本進行處理,多行文本需要額外的設置。
<div class="lef_tit">標題:</div>
<div class="lef_tit">封面圖片:</div><style>.lef_tit {width: 88px;/* 設置文本兩端對齊 */text-align: justify;/* 為了等距分開,設置詞間距調整方式 */text-justify: inter-word;}.lef_tit:after {content: '';display: inline-block;width: 100%;/* 設置偽元素寬度為100%,使得最后一行左對齊 */}
</style>
完成~