#1 - 2016-2-16 15:01
chitanda@Lv2 (Make Bangumi Great Again!)
问题:
由大量标点符号组成的长文本不会被截断换行导致文本溢出,影响页面整体美观。
如下所示:
建议解决方法:
给"g=css"文件里的‘div.commentList div.message’添加以下属性
word-break:break-all(由于word-break:break-all会导致行末的英文被截断所以争议较大,因此我将其删掉)
关于英文单词被截断:
事实上只加“word-wrap: break-word;”的话是不会截断英文单词的,会自动将单词移到下一行(除非英文单词长度超过一整行),如下图:
1. 英文单词超过一行的话被截断:
2.英文单词长度没有超过一行时只是被移到下一行,并没有被截断
但是一行能放下整整112个字符,理论上有具体意义的英文单词是不会超过这个量的。除非就是一堆“hhhhh”
而我加“word-break: break-all;”单纯只是因为觉得那样右对齐不好看,个人倒没怎么感觉英文截断换行有太大问题。不过这个争议比较大,所以略去。
由大量标点符号组成的长文本不会被截断换行导致文本溢出,影响页面整体美观。
如下所示:
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
建议解决方法:
给"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;”单纯只是因为觉得那样右对齐不好看,个人倒没怎么感觉英文截断换行有太大问题。不过这个争议比较大,所以略去。
然后,说实话,直接在楼里给大家重现就好了嘛,没必要惊扰原作者。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
1. 英文单词超过一行的话被截断:
2.英文单词长度没有超过一行时只是被移到下一行,并没有被截断
但是一行能放下整整112个字符,理论上有具体意义的英文单词是不会超过这个量的。除非就是一堆“hhhhh”
而我加“word-break: break-all;”单纯只是因为觉得那样右对齐不好看,个人倒没怎么感觉英文截断换行有太大问题。不过这个争议比较大,所以略去。