在很多的场合下，大家可能希望只显示部分文字，例如在网页的导航栏中，只显示菜单项的前几个文字，或者在商品列表中，只显示商品的名称的前几个字。这时候，通过CSS可以很方便地实现。
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}上面的代码中，大家使用了三个CSS属性：overflow、text-overflow和white-space。
首先，设置overflow属性为hidden。这个属性表示当元素的内容超过它的容器时，是否显示溢出的内容。设为hidden，则表示不显示超出容器的内容。
其次，设置text-overflow属性为ellipsis。这个属性表示当文本溢出时，如何显示。设为ellipsis，则表示用“…”来表示被省略的文本。
最后，设置white-space属性为nowrap。这个属性表示如何处理空白符（包括空格和换行符）。设为nowrap，则表示不允许文本换行。
通过以上三个属性的设置，大家便可以实现只显示若干个字的效果了。