html 中文标点 强制换行

Posted 2023-04-05

现在我们测试提了个问题，一个span中如果内容是很多标点符号，比如句号，他不换行，强制换行对他没用，怎么能实现他的换行问题呢？
span的宽度是不定死的，是自适应的宽度，所以在设置span宽度上是不可能的。

您好！span是内嵌元素，所以他不支持宽高。有以下几个方案可以解决您的问题：

1、给span加个父级DIV或其他支持宽的元素，给父元素固定宽度，再设置span的word-break:break-all;（强制换行，要不然标点、英文等不会自动换行）

2、修改span属性，使其支持宽度，有以下几种方法可以实现让span支持宽度，当然也要加强制换行

1、设置span为浮动(float)
2、设置span定位为绝对定位:position:absolute;
3、设置span的display为block或者inline-block;

希望我的回答能帮到您！

参考技术A 对于span这种非块级元素来说，如果本身没有定义宽度也没有父级框架定义宽度的话，即使你里面没有标点全是文字也是不会自动换行的 参考技术B 不是很明白你的意思，如果你不给span定宽，他会无限延伸，怎么会换行。再有 span 加上display:block 是可以定宽的。当然楼上说给父级一个定宽也可以。 参考技术C 父级总得要个宽度吧。。最大的宽度

强制汉字词组换行css属性设置

<table border=1><tr><td width=300><a style="white-space:nowrap">中文</a>
<a style="white-space:nowrap">中文</a>
<a style="white-space:nowrap">中文</a>
<a style="white-space:nowrap">中文</a>
<a style="white-space:nowrap">中文</a>
<a style="white-space:nowrap">机关后勤管理中心</a>   
<a style="white-space:nowrap">技术装备中心</a>
<a style="white-space:nowrap">职工培训中心</a>   
<a style="white-space:nowrap">资源信息中心</a>   
</td></tr></table>