标题

[瑞星]一道瑞星前端面试题

责任编辑:admin2
日期:2012-07-24

瑞星前端面试题:

一个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;  height:auto; overflow:auto; font-size:12px;}
.news ul{padding:5px 10px;}
.news ul li{list-style-type:none;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; }


<div class="news">
<h4>新闻列表</h4>
<ul>
<li><a href="javascript:void(0);">专注网页前端,做前端设计与前端开发的前端人! </a><span> 2010.2.3</span></li>
<li><a href="javascript:void(0);">大前端</a><span>2010.2.3</span></li>
</ul>
</div>

阅读:

评论