设置html⽂字居中⾃动换⾏,CSS怎么设置⽂字⾃动换⾏？CSS怎么设置⽂字⾃动换⾏？下⾯本篇⽂章就给⼤家介绍css设置⽂字(特别是连续的数字和英⽂)⾃动换⾏的⽅法。有⼀定的参考价值，有需要的朋友可以参考⼀下，希望对你们有所帮助。
关于换⾏问题，正常字符的换⾏是⽐较合理的，但连续的数字和英⽂字符常常将容器撑⼤，⽽不换⾏，就挺让⼈头疼了，这就需要进⾏强制⾃动换⾏了。
⽰例：
html代码：
正常⽂字的换⾏(亚洲⽂字和⾮亚洲⽂字)元素拥有默认的white-space:normal，当定义的宽度之后就会⾃动换⾏
数字和英⽂字符:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
强制换⾏后
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
css代码：.demo .wrap {
html怎么让所有内容居中table-layout: fixed;
word-wrap: break-all;
word-break: normal;
overflow: hidden;
}
效果图：
说明：
word-break: break-all; 设置⽂字的强制⾃动换⾏，但只对英⽂起作⽤，以字母作为换⾏依据。
因为⽂字的容器p的宽度为400px，所有它的内容会在到达400px时⾃动换⾏，但该⾏末端有个很长的
英⽂单词，它并不会把单词挪到下⼀⾏在显⽰，⽽是在本⾏把单词截断，⼀部分保持在⾏尾显⽰，另⼀部分换到下⼀⾏显⽰，这样不是很利于英⽂的阅读。
word-wrap: break-word；设置⽂字的强制⾃动换⾏，但只对英⽂起作⽤，以单词作为换⾏依据。
⽂字与上⾯⼀致，但区别在于它会把整个单词看成⼀个整体，如果该⾏末端宽度不够整个单词显⽰，它就会⾃动把整个单词放到下⼀⾏显⽰，⽽不会把单词截断掉。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。