样式处理

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

word-break: break-all; /*自动换行*/

/*保持文本不换行，超出部分已省略号显示*/
.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*p标签首行缩进两个字符*/
p {
    text-indent: 2em;
}

/*去除Chrome等浏览器文本框默认发光边框*/
input:focus, textarea:focus, select:focus, button:focus {
    outline: none;
}

/*去除IE10+浏览器文本框后面的小叉叉*/
input::-ms-clear {
    display: none;
}

/*禁止多行文本框textarea拖拽*/
textarea {
    resize: none;
}

/*媒体查询自适应*/
@media only screen and (max-width: 400px) {
    body {
        background-color: lightblue;
    }
}

/*隐藏滚动条开始*/
html {
    overflow-y: scroll;
}

:root {
    overflow-y: auto;
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

body {
    width: 100vw;
}

/*隐藏滚动条结束*/