CSS中可以使用flex布局將文字分為三部分,以下是一個(gè)示例代碼:
HTML結(jié)構(gòu):
<div class="container"> <div class="text-part">***部分文字</div> <div class="text-part">第二部分文字</div> <div class="text-part">第三部分文字</div> </div>
CSS樣式:
.container { display: flex; justify-content: space-between; } .text-part { flex: 1; text-align: center; }
在這個(gè)示例中,我們創(chuàng)建了一個(gè)包含三個(gè)部分的文本布局,每個(gè)部分都用一個(gè)div
元素表示,并應(yīng)用了text-part
類。text-part
類將每個(gè)部分的寬度設(shè)置為相等(使用flex: 1
),并將其文本居中對(duì)齊(使用text-align: center
)。container
類將這三個(gè)部分排列在一行中(使用display: flex
),并設(shè)置justify-content: space-between
來(lái)確保每個(gè)部分之間有相等的間隔。
你可以根據(jù)需要調(diào)整這個(gè)示例,例如更改文本內(nèi)容、添加樣式或布局調(diào)整等,希望這能幫助你實(shí)現(xiàn)所需的文本分三部分的效果!