在使用MDUI前端框架编写个人中心界面时对文章列表部分出现的文字内容换行问题所尝试有效的方法
05-24-2020 / 1 min read
在写这样一个页面时，长文本内容导致右侧的按钮在页面较小时会被顶出：
红色是出现问题的那一列，黄色则是正常的一列。
可以看到蓝色的按钮被一大堆HTMl标签所参杂的“详细内容”给“顶”出了画面。（看不到蓝色按钮了（悲.jpg））
当再次出现类似情况时，解决方法是在 详细内容 所在的元素给它如下的CSS样式:
line-break: anywhere;
-webkit-line-break: anywhere;
display: block;
就像这样：
添加后样式就成为这样了。
(完工！)
注意：似乎不支持Safari浏览器。（添加上面的那两个样式是无效的）