如何用CSS實(shí)現(xiàn)左右文字排版？

在CSS中，我們可以使用浮動(dòng)（float）屬性來(lái)實(shí)現(xiàn)左右文字排版，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<div class="container">
  <div class="left">左邊的文字</div>
  <div class="right">右邊的文字</div>
</div>

CSS代碼：

.container {
  width: 100%;
  height: 100px; /* 可以根據(jù)需要調(diào)整 */
}
.left {
  float: left; /* 將左邊的文字放在左邊 */
  width: 50%; /* 將左邊的文字寬度設(shè)置為容器寬度的一半 */
  height: 100%; /* 高度與容器相同 */
}
.right {
  float: right; /* 將右邊的文字放在右邊 */
  width: 50%; /* 將右邊的文字寬度設(shè)置為容器寬度的一半 */
  height: 100%; /* 高度與容器相同 */
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為“container”的容器，其中包含了兩個(gè)子元素：“l(fā)eft”和“right”，我們使用浮動(dòng)屬性將這兩個(gè)子元素分別放在容器的左右兩側(cè)，并將它們的寬度設(shè)置為容器寬度的一半，這樣，左邊的文字就會(huì)出現(xiàn)在容器的左側(cè)，右邊的文字就會(huì)出現(xiàn)在容器的右側(cè)，從而實(shí)現(xiàn)左右文字排版的效果。