完整的单词应该在同一行中呈现

Question

全字不是在同一行渲染，而是分两行渲染。请参阅附件图片（突出显示的部分）以更好地理解 CSS 问题。 邮政编码分两行呈现（'Zi' 在第一行和 'p' 在第二行）。它应该在第 1 行或第 2 行中呈现。尝试了 CSS 和 "word-wrap" 但没有成功。请帮助 CSS 解决此问题。

Answer 1

默认情况下，单词不应换行。

我猜你在某处添加了 word-break: break-all; 样式。删除它，它应该可以工作

div {
 border:2px solid red;
 width:40px;
}
div.break {
 word-break: break-all;
}

<div>
  This is default behavior
</div>
<div class="break">
  Here the word breaks
</div>

Full word should render in same Line