iLeichun

本文讲解css文本显示的一些技巧，希望这些技巧能帮助到你。

1、超出文本框的文字显示为“...”

text-overflow:ellipsis;     /* 缺少这项将不会显示“...” */

white-space:nowrap;         /* 缺少这项会导致文本换行 */

overflow:hidden;            /* 缺少这项会导致文本完全显示出来 */

以上各项缺一不可，但顺序不限。

另外需要设置width，这个值可以是固定的，如width:300px;也可以被外部容器限制宽度。如果你不设置width，里面的文本就永远没有超出的机会了。