请问 css 设置换行如何处理?

2017-07-18 00:54:54 +08:00
 zwillhill

比如说一个标题太长需要换行,试了结果有如下几个

[汉
字]word1.word2.word3.word4.word5.
word6.word7

汉字被单独断开一行

或者:

[汉字]word1.word2.word3.word4.wo
rd5.word6.word7

英文单词 word 被分成 wo 和 rd5

如果 word 之间不是用 . 分隔,而是空格或者-之类的,还是能正常按照单词自动换行,

[汉字]word1.word2.word3.word4
word5.word6.word7

word4 后面是空格而不是.

加上 . 以后,是不是会被认为是一个整体单词?怎么能忽略这种识别?

1825 次点击
所在节点    问与答
4 条回复
ferrum
2017-07-18 00:59:37 +08:00
看不太懂你在说什么,但我猜这和浏览器会把连续的多个空格看作一个空格有关。

想换行就用 div 包起来,不想换行就用 CSS,关键词 white-space。
msg7086
2017-07-18 01:05:50 +08:00
并没有识别什么吧。又没有空格,不就是整体么。
v2ex.com 难道也应该断句成 v2ex.
com 么。
Twinkle
2017-07-18 01:11:28 +08:00
break-word 就可以了吧。英文用点连接,本来就不太常见。
DaPanda
2017-07-18 06:13:13 +08:00
用 html 里的 <wbr> 标签

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/376045

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX