數(shù)字和文字怎么分列CSS

在CSS中，我們可以使用flex布局來實(shí)現(xiàn)數(shù)字和文字的分列，以下是一個(gè)簡(jiǎn)單的示例：

HTML結(jié)構(gòu)：

<div class="container">
  <div class="text">文本內(nèi)容</div>
  <div class="number">數(shù)字內(nèi)容</div>
</div>

CSS樣式：

.container {
  display: flex;
  justify-content: space-between;
}
.text {
  width: 50%;
}
.number {
  width: 50%;
  text-align: right;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為container的div，其中包含了兩個(gè)子div，分別用于顯示文本和數(shù)字，我們使用flex布局將這兩個(gè)子div分列排列，并使用justify-content屬性來調(diào)整它們之間的間距，我們?yōu)?code>text和number兩個(gè)子div分別設(shè)置了寬度和文本對(duì)齊方式。

通過調(diào)整text和number的寬度，我們可以控制它們之間的比例和間距，使用flex布局還可以方便地實(shí)現(xiàn)其他復(fù)雜的分列布局需求。