这篇文章主要讲解 CSS 限制字数，超出隐藏

先看看CSS代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
.dd {
    border: solid 1px gray;
    width: 180px;
    course: hand;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* for IE */
    -o-text-overflow: ellipsis; /* for Opera */
    -icab-text-overflow: ellipsis; /* for iCab */
    -khtml-text-overflow: ellipsis; /* for Konqueror Safari */
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
    -webkit-text-overflow: ellipsis; /* for Safari,Swift*/
}

可以直接添加在div，span上

如果要在table的td 上控制，则要在table上添加样式

1
style="table-layout: fixed;word-wrap:break-word;"