Html长文字超过标识宽度后全自动截取完成编码

大家在显示信息长文字时,常常必须去在C#端去截取标识符,但这肯定并不是1个好层面,由于大家的长文字常常全是代HTML标识的,你1个载不太好,就会出現错码难题(出現半个HTML标识),而较为好的作法便是根据CSS去完成这个作用
span标识 当內容超过 强制性持续行 全自动换行

拷贝编码
编码以下:

white-space:nowrap;white-space:norma;display:inline-block;

超过全自动掩藏 英方持续行显示信息 (务必在块元素内)

拷贝编码
编码以下:

overflow:hidden;white-space:nowrap;

而假如期待在文本后边再加个...,便可以应用text-overflow: ellipsis;1般的流行访问器都适用这个特性

拷贝编码
编码以下:

.tbconxx {
float: left;
width: 255px;
padding: 5px 10px;
}
.tbconxx li,tbconxx span {
padding-left: 7px;
text-overflow: ellipsis;
overflow: hidden;
display: block;
white-space: nowrap;
width: 240px;
}

这样便可以完成超出的文本全自动掩藏的实际效果了。