与这个问题非常相似:
Making a piece of text non-breaking
不过,我是用中文做的,没有使用空格。我想确保书名或其他短语不会被打断并且有孤儿词。我该怎么做?
注意:我尝试使用 <nobr>
但那是不正常的。问题的示例代码和屏幕截图:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<table border=1>
<td style="width: 25em;">《1字字字字》,《2字字字字》,《3字字字字》,《4字字字字》,<nobr>《5字字字字》</nobr>,<nobr>《6字字字字》</nobr>,<nobr>《7字字字字》</nobr>,<nobr>《8字字字字》</nobr>,<nobr>《9字字字字》</nobr>,《10字字字字》</td>
</table>
<br><br>
<table border=1>
<td style="width: 25em;">《1字字字字》,《2字字字字》,《3字字字字》,《4字字字字》,《5字字字字》,《6字字字字》,《7字字字字》,《8字字字字》,《9字字字字》,《10字字字字》</td>
</table>
</body>
</html>
截图:
<nobr>
忽略了逗号中换行的可能性,因此它将元素 5 和 on 视为单行,将单元格推过我设置的宽度。
附加说明:我刚刚使用 span.nobr { white-space: nowrap; }
进行了快速测试.它的作用与 <nobr>
完全相同。 ,所以我有点难过。
最佳答案
您可以使用 <wbr> (Word Break) 标记,用于指示一个单词的结束位置和下一个单词的开始位置,告诉浏览器可以在此处进行中断。如果您的页面使用 Unicode 编码,您还可以使用 U+200B用于此目的的字符(充当空格但不打印任何内容)。
关于html - 使用不使用空格的语言使一段文本不间断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32687196/