CSS多行文本框代碼怎么寫(xiě)

在CSS中，可以使用display: box或display: flex屬性來(lái)實(shí)現(xiàn)多行文本框的樣式設(shè)置。

1、使用display: box屬性

HTML代碼：

<div class="multi-line-text-box">
  <p>這是多行文本框的***行文本</p>
  <p>這是多行文本框的第二行文本</p>
  <p>這是多行文本框的第三行文本</p>
</div>

CSS代碼：

.multi-line-text-box {
  display: box;
  box-orient: vertical;
  box-align: start;
  box-pack: start;
}

2、使用display: flex屬性

HTML代碼：

<div class="multi-line-text-flex">
  <p>這是多行文本框的***行文本</p>
  <p>這是多行文本框的第二行文本</p>
  <p>這是多行文本框的第三行文本</p>
</div>

CSS代碼：

.multi-line-text-flex {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}

兩種方法都可以實(shí)現(xiàn)多行文本框的樣式設(shè)置，可以根據(jù)具體需求選擇使用。