先下下面的代码:
<span style="width: 100px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">显示的内容 </span>
功能很简单,就是当显示的内容长度超过100px时,后面的就用省略号代替.
但是,这要在文档定义类开为如下时才有效!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
如果定义为如下,则无效!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
这样,旧文档类型改为新文档类型时,这个功能就失效了,很是不爽!
请问:在新文档中,如何使用这个功能呢?请高人指教.
引用 1 楼 hookee 的回复:
加display:inline-block;
HTML code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <spanstyle="width:100px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;">
功能很简单,就是当显示的内容长度超过100px时,后面的就用省略号代替.
但是,这要在文档定义类开为如下时才有效!
如果定义为如下,则无效! </span>
效果是没有到100px就出现省略号了。
frameset.dtd 是特定用在框架集的dtd，你框架内调用的页面，用其他的dtd
引用 1 楼 hookee 的回复:
加display:inline-block;
HTML code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <spanstyle="width:100px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;">
功能很简单,就是当显示的内容长度超过100px时,后面的就用省略号代替.
但是,这要在文档定义类开为如下时才有效!
如果定义为如下,则无效! </span>
这个牛。。。:) 学习了
引用 1 楼 hookee 的回复:
加display:inline-block;
HTML code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <spanstyle="width:100px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;">
功能很简单,就是当显示的内容长度超过100px时,后面的就用省略号代替.
但是,这要在文档定义类开为如下时才有效!
如果定义为如下,则无效! </span>
这个行啊,我怎么没想到呢,学艺不精,呵
多谢了,结了..
