做一个开心的全栈工程师

CSS Codediv.test { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}HTML Code<div class="test"> 这段文字比较多，全部显示会溢出，经过上面CSS处理，溢出部分会显示成"..."</div>

第1章 基本属性1.1overflow的五种取值visible（默认）hiddenscrollautoinherit1.2overflow-x和overflow-y（IE8+）两种情况： 1.overflow-x和overflow-y值相同，则等同于overflow 2.overflow-x和overflow-y值不同，并且一个被赋予visible，另一个被赋予hidden、scro

实现溢出时产生省略号的效果text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）以及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下：overflow:hidden; white-space:nowrap; text-overflow:e