完美骑士

很喜欢这个皮肤！站长可否给我发一个！谢了！
QQ：393880282

完美的方法并不完美。
第一，内容显示不全，文字自动隐藏需要有“…”
第二，内容隐藏的话需要有title
第三，如果内容固定的话后面跟的后坠就应该居右显示

cancan[2008-09-03 10:40 AM |

完美的方法并不完美。
第一，内容显示不全，文字自动隐藏需要有“…”
第二，内容隐藏的话需要有title
第三，如果内容固定的话后面跟的后坠就应该居右显示

这位兄台，看题目要认真
第一：我们讨论的是用纯CSS来实现效果
第二：title这个总所周知的东西就不具体讨论了
第三：如果只要实现居右显示就行的话，这道题目还有什么存在的意义？

cancan[2008-09-03 10:40 AM |
这位同学
如果跟后缀居右显示这道题毫无难度可言
文字自动隐藏变为…FF需要用到很多的私有属性支持性很差
看来你根本没有深层理解意义

[quote=cancan]完美的方法并不完美。
第一，内容显示不全，文字自动隐藏需要有“…”
第二，内容隐藏的话需要有title
第三，如果内容固定的话后面跟的后坠就应该居右显示[/quote]
骑士是挺贱，但是你也不能跟着犯贱。这样很不好！！

被张样例图给误导了，图上遮挡的是蓝色的文字，还以为这样一点都不难。
结果沟通后才知道，一行由2部分组成，后面部分间距10像素贴在前面部分后面；
文字总长超过设定宽度隐藏前面的那段文字的超出部分，后面的文字不用遮挡。

先入为主了，认定要出现途上的效果，文字也是描述一下图上的效果，所以仔细看说明。

可以使用max-width属性，但是IE不支持，想看看你是怎么做的

我们将授予前2007-08-09
我们将授予前十位注册的用户称号2007-08-09
我们将授予前十位注册的用户"贵宾"荣誉称号我们将授予前十位注册的用户"贵宾"荣誉称号2007-08-09
我们将授予前十位注册的2007-08-09
我们将授予前十2007-08-09
我们将授予前2007-08-09
我们将授予前十位注册荣誉称号2007-08-09
我们将授予前十位注册的用户"贵宾"荣誉称号我们将授予前十位注册的用户"贵宾"荣誉称号2007-08-09
我们将授予前十宾"荣誉称号2007-08-09
我们将授予前十2007-08-09

查看代码吧，里面能看到，你的方法我试了，IE6都不行，我这个能过IE6。FF1.5,FF3.0,不能通过OPERA任何版本,IE7没装，估计IE，FF是没问题的了

其次你和我的方法都有一个致命问题，给后缀预留宽度，实际中这个宽度无法预测，就是说你们的办法都不能达到完美效果

找到完美解决方案了，支持IE7,FF1.5+,OPERA8.5+,SAFARI4.3。
HTML代码没变，改变了CSS，CSS如下

* {
font-size: 12px;
line-height: 20px;
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul {
width: 300px;
overflow: hidden;
}
li {
height: 20px;
overflow: hidden;
clear: both;
padding-right: 80px;
}
a {
text-decoration: none;
color: #626262;
clear: none;
height: 20px;
overflow: hidden;
float: left;
}
em {
color: #1C91FF;
font-style: normal;
white-space: nowrap;
padding-left: 10px;
float: left;
position: relative;
margin-right: -90px;
}

HTML主体文字用A标签，后面时间使用EM标签

使用IETester测试的IE7，只是这玩意有时候不准