阿西吧!css强制一行显示,就一句话,丫的,总记不住,哈哈。
white-space: nowrap;
css超出一行显示省略号
【固定宽度,强制一行显示,超出隐藏,显示省略号,缺一不可】
div{
width: 数值+单位;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
cllipsis 显示省略号(省略号相关属性要给文本所在容器设置,不能越级设置)
注:单行文本省略号设置必须满足以下四个条件,缺一不可;
①给容器一个固定的宽度 width: 数值+单位;
②设置文本强制在一行显示 white-space: nowrap;
③容器溢出隐藏 overflow: hidden;
④文本溢出显示省略号 text-overflow: ellipsis;
具体详情,请参考 http://sharedblog.cn/post/95.html