html 文字换行

Posted 2023-04-28

如题，从mysql数据库中取出的字符串需要换行，取出时在html里用了
s = s.Replace("\r\n", "<br/>");
但显示的时候没有换行只是类似234234<br/>werwe
这样的显示，请问该如何解决

你可以设定一个宽度，然后超出宽度自动换行，也就是字符大小在宽度一定情况下自动换行，这样可以确保固定字符数后自动换行。
直接在页面中使用word-break属性即可（需要设定宽度以及调整文字大小）追问

我可能没说清楚，我存入数据库的时候是带回车换行的，取出来的时候该怎么还原呢？

追答

那我就真不知道了，估计要用正则类的吧，我对这类不太了解，不好意思

参考技术A 出现这个“234234<br/>”说明标签添加进去了，如果是用的jquery就用html（）api而不是text（）api，如果是vue就要加v-html属性

过长文字自动换行或者超长省略号显示

　　<div>hghghhgghghghhghghgghghhg</div>

　　css:div{width:100px;} 

　　超长部分省略号显示：/*超出部分不显示*/overflow: hidden;
                　　　　　　/*超出部分省略号显示*/text-overflow: ellipsis;

　　注：如果div中的内容存在空格，则会自动换行　　阻止自动换行：white-space: nowrap;