css 如何让最后一行的标点符号不换行？

Question

当文字最后一行有个符号时就会换行，这样很不美观。
css有什么方式让如果是文字超出容器宽度就换行，符号就不换行呢？

Answer 1

很遗憾，目前的浏览器实现， 纯CSS是做不到的 。

这属于专业排版的内容，Web浏览器不可能会提供这么高级的排版功能，因为浏览器面对的内容是动态的，有伸缩性的。

所以，一般只有用于纸质出版物排版制作的工具才会提供这种功能，比如Adobe的InDesign，这些方面 Word 或者 WPS 也能提供有限的功能。因为纸质排版的内容都是静态的。

需要有兴趣可以搜索相关方面的知识。关键词：标点挤压、位置禁则（或 禁则处理）。

Answer 2

word-wrap: break-word; 
看看这个效果可以满足吗？

Answer 3

white-space: nowrap;

Answer 4

汉字里面的标点符号占位的宽度和汉字是一样的长度，用js判断把

Answer 5

或许这样可以

text-align: justify;
white-space: nowrap;

Answer 6

可以通过设置 line-break 属性来设置标点符号不在行首：

line-break: auto;

详情见： https://www.zhangxinxu.com/wo...