html 内联类型容器中文本溢出部分隐藏

来源:互联网 发布:网络攻防基础题库 编辑:程序博客网 时间:2024/06/05 12:01

css部分

.smTextTitle{
width:70px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display: inline-block; //将对象呈现为inline形式,但对象的内容作为block形式呈现,也就是说披着“inline”皮的“block”
}

html部分

<spanclass="smTextTitle">子鼠丑牛寅虎卯兔辰龙巳蛇午马未羊申猴酉鸡戌狗亥猪</span>