#1 - 2016-2-16 15:01
chitanda@Lv2 (Make Bangumi Great Again!)
问题:
由大量标点符号组成的长文本不会被截断换行导致文本溢出,影响页面整体美观。
如下所示:

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。


建议解决方法:
给"g=css"文件里的‘div.commentList div.message’添加以下属性
 
word-wrap: break-word;

word-break:break-all(由于word-break:break-all会导致行末的英文被截断所以争议较大,因此我将其删掉)

关于英文单词被截断:
事实上只加“word-wrap: break-word;”的话是不会截断英文单词的,会自动将单词移到下一行(除非英文单词长度超过一整行),如下图:

1. 英文单词超过一行的话被截断:

2.英文单词长度没有超过一行时只是被移到下一行,并没有被截断


但是一行能放下整整112个字符,理论上有具体意义的英文单词是不会超过这个量的。除非就是一堆“hhhhh”

而我加“word-break: break-all;”单纯只是因为觉得那样右对齐不好看,个人倒没怎么感觉英文截断换行有太大问题。不过这个争议比较大,所以略去。
#2 - 2016-2-17 18:41
(Death is the gateway to Eternity, my dear.)
break-all 难道不会导致英文单词被强行咔嚓成两截吗
另外你都上链接了还要涂掉别人脸是何居心
#2-1 - 2016-2-17 19:41
chitanda@Lv2
我觉得截断那也比直接溢出好看啊。或者不加下面那个也可以;涂脸是因为不是所有人都会点连接看,必要的马赛克算是基本的社交礼仪吧;另外我放链接则是为了方便mod直接查看bug所在点,方便调试前端代码。
#2-2 - 2016-2-17 23:58
LunarShaddow🌙
chitanda 说: 我觉得截断那也比直接溢出好看啊。或者不加下面那个也可以;涂脸是因为不是所有人都会点连接看,必要的马赛克算是基本的社交礼仪吧;另外我放链接则是为了方便mod直接查看bug所在点,方便调试前端代码。
嘛,毕竟没有多少人会连着打这么多标点的啦,这几率比有人打超过一行的英文低多了
然后,说实话,直接在楼里给大家重现就好了嘛,没必要惊扰原作者。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
#2-3 - 2016-2-18 01:47
chitanda@Lv2
LunarShaddow 说: 嘛,毕竟没有多少人会连着打这么多标点的啦,这几率比有人打超过一行的英文低多了
然后,说实话,直接在楼里给大家重现就好了嘛,没必要惊扰原作者。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。...
OK.忘了直接重现这方法。。多谢。
#3 - 2016-2-18 01:52
(この勝利を、近所のおばさんに捧げる!)
这不是bug,这是feature(纯捣乱(bgm85)
#3-1 - 2016-2-18 01:55
烈之斩
讲道理这真的不是bug。真的瞎去断英文单词才是bug
#3-2 - 2016-2-18 10:13
chitanda@Lv2
烈之斩 说: 讲道理这真的不是bug。真的瞎去断英文单词才是bug
事实上只加“word-wrap: break-word;”的话是不会截断英文单词的,会自动将单词移到下一行(除非英文单词长度超过一整行),如下图:

1. 英文单词超过一行的话被截断:

2.英文单词长度没有超过一行时只是被移到下一行,并没有被截断


但是一行能放下整整112个字符,理论上有具体意义的英文单词是不会超过这个量的。除非就是一堆“hhhhh”
而我加“word-break: break-all;”单纯只是因为觉得那样右对齐不好看,个人倒没怎么感觉英文截断换行有太大问题。不过这个争议比较大,所以略去。