css强制不换行 css一行显示 css超出显示省略号

 

阿西吧！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