如何設(shè)置CSS中的分割線居中

在CSS中設(shè)置分割線居中，可以通過(guò)使用flexbox布局來(lái)實(shí)現(xiàn)，以下是一個(gè)簡(jiǎn)單的示例代碼：

<div class="container">
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></div>
  <div class="text">文本內(nèi)容</div>
  <div class="line"></DIV >