在CSS中,可以使用display: inline-block;
屬性將兩段文字排在一排,以下是一個(gè)示例:
<div style="display: flex; justify-content: space-between;"> <div style="display: inline-block;">***段文字</div> <div style="display: inline-block;">第二段文字</div> </div>
在這個(gè)示例中,display: flex;
屬性創(chuàng)建了一個(gè)彈性布局容器,justify-content: space-between;
屬性使得容器內(nèi)的子元素(即兩段文字)之間保持等距,每個(gè)子元素通過display: inline-block;
屬性使其以行內(nèi)塊級(jí)元素的方式呈現(xiàn),這樣它們就可以排在一行了。
注意,這種方法要求兩段文字所在的元素(在這個(gè)示例中是div
元素)具有相同的寬度和高度,如果它們的寬度或高度不同,那么它們可能會(huì)因?yàn)槿萜鞯膶挾认拗贫鵁o法完全顯示,在這種情況下,可以考慮使用其他CSS屬性(如max-width
、min-width
、max-height
、min-height
)來控制元素的寬度和高度。