javascript - 关于css的max-width 无效的问题

Question

代码：

<p class="aaa">666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666
</p>

<style>
    .aaa{
        border: 1px solid red;
        max-width: 380px;
    }
</style>

..]

为什么不会换行？？？而如果写成大段汉字是可以换行的，why??

Answer 1

这个跟语言类型有关系，像中文，韩文，日文这样的被称作CJK，即东亚文字，与之相对的是Non-CJK文字，就是非东亚文字，大多数情况下是西欧文字。前者在语言书写上就不需要手动断开，而后者如果你不断开会被认为是一个单词，CSS规则里是不会自动换行某一个单词的，如果你需要自动换行，就要显式的规定word-wrap: break-word。这是文字排版的一些规则。可以参考以下的文章：

http://www.cnblogs.com/cobby/...

Answer 2

.aaa {
    border: 1px solid red;
    max-width: 380px;
    word-wrap:break-word;
}

Answer 3

添加样式： word-wrap: break-word;

Answer 4

max-width这里是生效了的，只是木有换行而已；
而且，也没有设置overflow-x:hidden;就是这种效果了啊。

Answer 5

加overflow: hidden/auto就看出来了
你这不是无效，是超出了，默认超出是不隐藏的。
数字、字母不会断开，你可以写个强制折行