博主在个人项目中用li展示日记内容时遇到两个问题。一是未保留换行符，可给li添加white - space: pre - wrap或white - space: break - spaces解决；二是文字自动换行但数字英文符号不换行，添加word - break: break - all即可。还附上了相关属性的MDN介绍。
在制作个人项目的时候，需要利用li来展示日记内容，关于内容的展示，遇到了两个问题：
🔥没有保留换行符
在CSDN逛了一圈找到了解决办法:
给li添加white-space: pre-wrap 或者 white-space: break-spaces
这两个效果一致，但后者这样保留的空间占用空间而不会挂起，从而影响盒子的固有尺寸（最小内容大小和最大内容大小），个人感觉可能使用前者更好一些
附上MDN对white-space属性的介绍：white-space - CSS：层叠样式表 | MDN
添加了该属性后的结果：
🔥文字自动换行但数字英文符号不会自动换行
给li添加word-break: break-all即可
word-break属性指定了怎样在单词内进行换行。
附上MDN对word-break属性的介绍：word-break - CSS：层叠样式表 | MDN
添加了该属性后的结果：
扫一扫
9502
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
