locale emulaterdo/download在什么地方？

来源：蜘蛛抓取(WebSpider) 时间：2014-10-07 21:12 标签： downloadfile.do
Emulate text-overflow:ellipsis in Firefox with CSS
Submitted by
on Sun, 06/18/2006 - 17:36
A CSS trick i wanted to achieve : reproduce the text-overflow:ellipsis which exists in Internet Explorer in Firefox.
Just to remember : the text-overflow property adds "..." at the end of a text if it is longer than the size of the bloc.
In Internet Explorer, with the following code :
span.ellipsis {
&&&white-space:
&&&text-overflow:
&&&overflow:
&&&width:190
&&&display:
It renders :
To reproduce the same on firefox, it has not been easy ! It is in fact impossible to do exactly the same effect. But just try to do the best we can :
The biggest issue is that we have to use 2 nested html tags to achieve this effect. Or at least i didn't succeed... Anyone ? ;)
So, with the following code :
&div class="ellipsis"&
&span&A very, very, very, very, very, very, very, very, very long text&/span&
We should have this css stylesheet :
.ellipsis span {
&&&white-space:
&&&text-overflow: /* for internet explorer */
&&&overflow:
&&&width:190
&&&display:
html&body .ellipsis {
html&body .ellipsis span:after {
&&&content: "...";
html&body .ellipsis span {
&&&max-width:180
&&&width:auto !
Wich is rendrered like this in Firefox :
2 issues remain :
the text can be cut at the middle of a letter
the dots will display even if the text is short enough to fit in the bloc
Follow me :
last tweet
Looks like you have to wait a little bit:

我要回帖

更多关于 downloadfile.do 的文章

 

随机推荐