首页 » PHP笔记 » 如何处理css样式出现长字母和长数字不换行的问题

如何处理css样式出现长字母和长数字不换行的问题

高蒙 2016/07/08 17:22 2.1k浏览 0评论 PHP


在测试的时候发现,如果网页中出现很长的数字和字母的话,文本不会换行,网页的布局就会被撑破。看起来很不舒服。

这个情况出现的原因主要是因为浏览器默认情况下,一个 DIV或者其他元素的文本,如果都是无文字分隔符,无空格,则不会自动换行,误认为字母数字是一个单词,所以不打断换行。

那么怎么解决呢?

很简单,只要在样式里面加上。

word-break: break-all;

就是强制断字的。





相关文章

我有话说

站长昵称:(*)

输入内容:

选个头像:

评论列表

    ...

    高蒙

    男, PHP程序猿

    文章

    487

    标签

    42

    热度

    10w+

    南京, 江苏, 中国

    人生要是没有理想, 那跟咸鱼有什么分别。