zoukankan      html  css  js  c++  java
  • 溢出省略号

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
    <html xmlns="">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>在DIV+CSS中设置列表(li)超出部分显示省略号</title>
    <style type="text/css">
    li {
    400px;
    margin:0 auto;
    list-style:none;
    line-height:28px;
    }
    .li_title {
    260px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    float:left;
    }
    .li_time {
    100px;
    float:right;
    }
    </style>
    </head>
    <body>
    <ul>
    <li><span class="li_title"><a href=" # "> &#8226; Div CSS布局 常见问题Div CSS布局 常见问题</a></span><span class="li_time"><a href="#">[2012-3-9]</a></span></li>
    <li><span class="li_title"><a href=" # "> &#8226; Div CSS布局 常见问题Div CSS布局 常见问题</a></span><span class="li_time"><a href="#">[2012-3-9]</a></span></li>
    <li><span class="li_title"><a href=" # "> &#8226; Div CSS布局 常见问题Div CSS布局 常见</a></span><span class="li_time"><a href="#">[2012-3-9]</a></span></li>
    <li><span class="li_title"><a href=" # "> &#8226; Div CSS布局 常见问题</a></span><span class="li_time"><a href="#">[2012-3-9]</a></span></li>
    <li><span class="li_title"><a href=" # "> &#8226; Div CSS布局 常见问题Div</a></span><span class="li_time"><a href="#">[2012-3-9]</a></span></li>
    <li><span class="li_title"><a href=" # "> &#8226; Div CSS布局 常见问题Div CSS布局</a></span><span class="li_time"><a href="#">[2012-3-9]</a></span></li>
    </ul>
    </body>
    </html>

  • 相关阅读:
    oracle启动的三步
    Solaris下vi的简单使用帮助
    Solaris下ftp配置(初稿待补充)
    soap笔记1
    Solaris 10 查看机器的网卡mac地址
    查看表空间名称与对应文件
    [转]Ubuntu10.04的网络配置
    [转]红帽企业版RHEL6使用Fedora13的yum源
    [转]linux忘记密码怎么办法
    [转]个人管理 - IT人士书籍推荐(已读)
  • 原文地址:https://www.cnblogs.com/-CLAY-/p/text-overflow.html
Copyright © 2011-2022 走看看