迅雷考题-W3C网页设计师 题目： 类似这样一个列表 后面的数字始终要跟在标题后面，始终离10px 整个宽度是300px 标题长度超出了以后要自动隐藏 要兼容IE6 IE7 ff2.0 这题目是我3个月前面迅雷的时候的考题 现场没做出来，回去以后做好了发过去~ 现在把完美的解决方案放出来，有兴趣的研究一下吧~ 点击查看页面 (因为wordpress会自动格式化插入的html代码，另存了一个文件) 发布者 Knight Cast a cold Eye On Life，on Death Knight，pass by！ 查看Knight的所有文章
cancan[2008-09-03 10:40 AM | 完美的方法并不完美。 第一，内容显示不全，文字自动隐藏需要有“…” 第二，内容隐藏的话需要有title 第三，如果内容固定的话后面跟的后坠就应该居右显示 这位兄台，看题目要认真 第一：我们讨论的是用纯CSS来实现效果 第二：title这个总所周知的东西就不具体讨论了 第三：如果只要实现居右显示就行的话，这道题目还有什么存在的意义？ 回复
[quote=cancan]完美的方法并不完美。 第一，内容显示不全，文字自动隐藏需要有“…” 第二，内容隐藏的话需要有title 第三，如果内容固定的话后面跟的后坠就应该居右显示[/quote] 骑士是挺贱，但是你也不能跟着犯贱。这样很不好！！ 回复
被张样例图给误导了，图上遮挡的是蓝色的文字，还以为这样一点都不难。 结果沟通后才知道，一行由2部分组成，后面部分间距10像素贴在前面部分后面； 文字总长超过设定宽度隐藏前面的那段文字的超出部分，后面的文字不用遮挡。 回复
我们将授予前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 回复
找到完美解决方案了，支持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; } 回复
很喜欢这个皮肤！站长可否给我发一个！谢了！
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，只是这玩意有时候不准
@锐翔
你好，之前因为wordpress会自动格式化html代码，显示不正确。今天我把文件上传到服务器了，你可以再看一下。