html - 如果没有空格，请换行

Question

我有这个:

   <h6 class="text-center" 
    style="white-space: pre-line; word-break: keep-all;">
    <strong>Bill Date: </strong> {{billSummaryObj.bill_date || '--'}}
   </h6>

日期在连字符后换行。在 - 连字符之后，日期的剩余部分转到下一行。如何让整个日期转到下一行

Answer 1

您可以使用 <wbr>在你的 </strong> 之后这是只在需要时发生的中断。

我不确定 white-space或 word-break干扰如何<wbr>工作，所以你可能必须关闭它们才能工作。