zoukankan      html  css  js  c++  java
  • 标题右边10px位置紧跟发布时间

    一个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>
  • 相关阅读:
    初始MyBatis
    h5调用相机相册
    canvas详解
    js闭包
    Vue和React对比篇
    js造成内存泄漏的几种情况
    js合并对象
    git常用命令小结
    如何隐藏overflow: scroll的滚动条
    js数组sort排序方法的算法
  • 原文地址:https://www.cnblogs.com/laneyfu/p/4193111.html
Copyright © 2011-2022 走看看