javascript - 如何格式化这个 div 而没有里面的文本换行？

Question

我有这个 html 代码

<h2>
  <div style="display:flex">
  <div>
    Section III :
  </div>
  <div>
    Very long parangrapgggggggggggggggggggggggggggggggggggggggggggggggggggggggg
  </div>
  </div>
</h2>

第一个 div 内的空间换行，任何人都可以建议如何获得这种格式吗？我没有任何低于第 III 节的内容，我不想使用 tho，也不想调整宽度填充等，有没有办法实现这一点？

标签： javascripthtmlcss

Answer 1

看起来文本分成多行，这使它看起来很奇怪。我添加了white-space: nowrap样式。您可能还想在两个 div 之间添加一些间距。

<h2>
  <div style="display:flex; white-space: nowrap;">
    <div>
      Section III :
    </div>
    <div>
      Very long parangrapgggggggggggggggggggggggggggggggggggggggggggggggggggggggg
    </div>
  </div>
</h2>