CSS 限制字数，超出隐藏

2015-12-24

html-css

css, hidden, overflow

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

先看看CSS代码：

.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;"

如果您觉得文章有用或对您有帮助，欢迎通过以下方式赞助我。 ♪(＾∀＾●)ﾉ

本文由 xxzkid | 我叫王也道长创作，采用 CC BY 3.0 CN协议进行许可。可自由转载、引用，但需署名作者且注明文章出处。
本文标题：CSS 限制字数，超出隐藏
本文链接：https://xxzkid.github.io/2015/css-limit-hidden/