使用css样式完成文本超出的部分用省略号代替

<p>使用css样式完成文本超出的部分用省略号代替</p>

第一步要设置宽度,然后使用text-overflow: ellipsis 等属性组合使用

li{
                width: 140px;
                background-color: red;
                 overflow: hidden;      /*溢出隐藏*/
                white-space: nowrap;    /*规定文本不进行换行*/
                text-overflow: ellipsis;    /*当对象内文本溢出时显示省略标记（...）*/
            }