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

图片描述

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

阅读 17.6k
6 个回答

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

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

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

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

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

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

或许这样可以

text-align: justify;
white-space: nowrap;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题