css样式:
.oText{
width:100px; /*一定要有宽度*/
white-space:nowrap; /*强制文本不换行*/
overflow: hidden; /*溢出隐藏*/
text-overflow: ellipsis; /*添加省略号*/
}
html结构:
<p class="oText" title="王者荣耀我要上钻石">王者荣耀我要上钻石</p>
另:
title属性是鼠标滑到文本上是显示的内容
css样式:
.oText{
width:100px; /*一定要有宽度*/
white-space:nowrap; /*强制文本不换行*/
overflow: hidden; /*溢出隐藏*/
text-overflow: ellipsis; /*添加省略号*/
}
html结构:
<p class="oText" title="王者荣耀我要上钻石">王者荣耀我要上钻石</p>
另:
title属性是鼠标滑到文本上是显示的内容