CSS-英文两端对齐,英文不断词,自动换行

text-align: justify;//css英文语句的两端对齐:

word-break: break-all;//英文断行
css

其余属性参考chrome

word-break 属性规定自动换行的处理方法。 浏览器

normal 使用浏览器默认的换行规则。 ide

break-all 容许在单词内换行。布局

keep-all 只能在半角空格或连字符处换行。  优化

word-break 当行尾放不下一个单词时,决定单词内部该怎么摆放。  spa

break-all: 强行上,挤不下的话剩下的就换下一行显示呗。代理

keep-all: 放不下了,那就另起一行展现,再放不下,也不退缩。  orm

word-wrap 当行尾放不下时,决定单词内是否容许换行  对象

normal: 单词太长,换行显示,再超过一行就溢出显示。

break-word: 当单词太长时,先尝试换行,换行后仍是太长,单词内还能够换行。

text-align属性规定及其余参考;

auto : 默认值。容许浏览器代理用户肯定使用的两端对齐法则。 

distribute : 处理空格很像newspaper ,适用于东亚文档。尤为是泰文。 

distribute-all-lines : 两端对齐行的方式与distribute 相同,也一样不包含两段对齐段落的最后一行。适用于表意字文档 

distribute-center-last : 未实现。 

inter-cluster : 调整文本无词间空格的行。这种模式的调整是用于优化亚洲语言文档的。  

inter-ideograph : 为表意字文本提供彻底两端对齐。他增长或减小表意字和词间的空格 

inter-word : 经过增长字之间的空格对齐文本。该行为是对齐全部文本行最快的方法。它的两端对齐行为对段落的最后一行无效 

kashida : 经过拉长选定点的字符调整文本。这种调整模式是特别为阿拉伯脚本语言提供的。须要IE5.5+支持 

newspaper : 经过增长或减小字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式 说明:设置或检索对象内调整文本使用的对齐方式。由于这个属性影响文本布局,因此text-align 属性必须被设置为justify 。此属性只做用于块对象。此属性对于currentStyle 对象而言是只读的。对于其余对象而言是可读写的。对应的脚本特性为textJustify 。 

以上方法对chrome(360也是chrome内核)无效,还需再加上下面代码: word-break:break-all 

相关文章
相关标签/搜索