1.单行文本添加省略号
一般用于新闻列表展示
li{
width: 200px;
height: 30px;
line-height: 30px;
cursor: pointer;
list-style-position: inside;/*将列表图标位置设置为inside,默认outside,overflow值为hidden时会截取掉*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
小tip:为添加省略号的文本标签添加title属性,值为完整文本,当用户鼠标停留在该文本时,会显示完整内容。
核心代码: