关注前端开发
关注用户体验

一道瑞星前端面试题

瑞星前端面试题:

一个ul列表,拥有若干li,内容是新闻标题,标题右边10px位置紧跟发布时间,当标题过长需要控制标题width,需要兼容ie6,不能用max-width

解答:


h4{font-size:14px;height:27px;line-height:27px;padding-left:10px;border-bottom:#ddd 1px solid;}
.news{width:310px;border:#ddd 1px solid;word-break:break-all;}
.news ul{padding:5px 10px;}
.news ul li{line-height:24px;height:24px;overflow:hidden;position:relative;width:200px;padding-right:60px;}
.news ul li a{float:left;margin-right:10px;}
.news ul li span{position:absolute;}
未经允许不得转载:大前端 » 一道瑞星前端面试题
分享到: 更多 (0)

评论 7

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #6

    给li的width设置为auto,li span设置float:right;这样符号意思不?

    仔仔7年前 (2011-03-25)回复
  2. #5

    此使用CSS overflow:hidden;文字截取,会造成最后一个文字不完整的显示现象,建议最好的方法是在后端输入信息时控制文字的长度。

    hou7年前 (2011-02-16)回复
  3. #4

    在FF里出现20的margin-right

    kuangin7年前 (2010-09-10)回复
  4. #3

    @kevin:“标题右边10px位置紧跟发布时间,当标题过长需要控制标题width”,你所说的给a定宽恐怕不合要求;还有“font:12px/24px Arial;”为什么要这样写,我只有一个line-height而已 ,没必要吧老兄,写了font相当于写了一堆继承的属性!

    浩子7年前 (2010-07-01)回复
  5. #2

    很有问题: [:12]
    1、li设定宽高,position:relative;即可;
    2、a无需float,没有display:block,height是无效的,个人建议a定宽,overflow:hidden;,并且行高属性写到font里面,font:12px/24px Arial;
    3、span设定postion:absolute;必须设定top、left/right!

    kevin7年前 (2010-07-01)回复
  6. #1

    没有那么麻烦吧,要用绝对定位

    .news ul li{width:500px;overflow:hidden;}
    .news ul li a{float:left;width:50px;height:20px;line-height:20px;overflow:hidden;padding-right:10px;}

    john7年前 (2010-06-30)回复

themebetter 国内更好的WordPress主题服务商

立即前往