html - 使用不使用空格的语言使一段文本不间断

标签 html css

与这个问题非常相似:

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>

截图:

enter image description here

<nobr>忽略了逗号中换行的可能性,因此它将元素 5 和 on 视为单行,将单元格推过我设置的宽度。

附加说明:我刚刚使用 span.nobr { white-space: nowrap; } 进行了快速测试.它的作用与 <nobr> 完全相同。 ,所以我有点难过。

最佳答案

您可以使用 <wbr> (Word Break) 标记,用于指示一个单词的结束位置和下一个单词的开始位置,告诉浏览器可以在此处进行中断。如果您的页面使用 Unicode 编码,您还可以使用 U+200B用于此目的的字符(充当空格但不打印任何内容)。

关于html - 使用不使用空格的语言使一段文本不间断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32687196/

相关文章:

javascript - 关于创建元素的最佳方式的意见

javascript - 使用jQuery后网页跳转异常

html - 背景或背景颜色?使用哪一种安全?

jQuery 菜鸟 : change Display of one element when another is enabled

html - CSS3无限循环回到第一张图片

css - 组织具有许多断点和许多模板的 CSS 文件

javascript - FlexpaperViewer 问题

javascript - HREF URL 不起作用

jquery - 动态菜单事件和非事件需要 CSS 代码,它从数据库中选取数据

html - 使导航菜单响应