CSS换行，文本省略

强制不换行: white-space:nowrap;、

自动换行: word-wrap:break-word;

强制英文单词换行： word-break:break-all;

超出显示省略号：

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

多行文本超出显示省略号:
.div{
　　width: 20em;
　　line-height: 1.5em;
　　overflow: hidden;
　　display: -webkit-box;
　　-webkit-line-clamp: 3;
　　-webkit-box-orient: vertical;
}

 

解决行内元素间隙问题（间隙：换行符、空格的间隙）

1. 在父元素样式中添加： font-size: 0;

2.为行内远赴添加; float 样式

3.设置父元素的样式: display: table;  word-spacing:-1em; 

 

 

css取消input type="number"的上下箭头

    /* 谷歌 */

    input::-webkit-outer-spin-button,

    input::-webkit-inner-spin-button {

        -webkit-appearance: none;

        appearance: none; 

        margin: 0; 

    }

    /* 火狐 */

    input{

        -moz-appearance:textfield;

    }