好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css3text-overflow和word-wrap_html/css_WEB-ITnose

一、text-overflow

用来设置文本溢出时是否用省略标记(...)

text-overflow:clip|ellipsis

clip,溢出内容被裁剪掉了,elipsis:溢出内容用省略号表示。

Note:text-overflow只是说明文本溢出用什么方式显示,真正要达到溢出产生省略号的效果,还需要定义 强制文本在一行内显示 (white-space:nowrap)及 溢出内容为隐藏 (overflow:hidden)。

 div{    width: 100px;    background-color: #ccc;}.ellipsis{    text-overflow:ellipsis;    overflow: hidden;    white-space: nowrap;}.clip{    text-overflow:clip;    overflow: hidden;    white-space: nowrap;}      

文本内容文本内容文本内容文本内容

查看更多关于css3text-overflow和word-wrap_html/css_WEB-ITnose的详细内容...

  阅读:36次