4-2溢出控制

正常

这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。

hidden

overflow: hidden;

这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。

scroll

overflow: scroll;

一个宽500px的div

这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。

auto

overflow: auto;

一个宽500px的div

这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。

x隐藏AndY滚动

    overflow-x: hidden;
    overflow-y: scroll;

一个宽500px的div

这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。123456

text-overflow:ellipsis在溢出时可生成办个事省略号

两个div都white-space: nowrap;

这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。123456

   overflow: hidden;/*这一句必须也有*/
        text-overflow: ellipsis;

这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。这是一段很长很长的文字。123456