溢出省略号-白红宇

溢出省略号

阅读量：5088 次

发布时间：2019-06-13

本文共 1404 字，大约阅读时间需要 4 分钟。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">

<head>

<title>在DIV+CSS中设置列表(li)超出部分显示省略号</title>

li {

width:400px;

margin:0 auto;

list-style:none;

line-height:28px;

}

.li_title {

width:260px;

white-space:nowrap;

text-overflow:ellipsis;

overflow: hidden;

float:left;

}

.li_time {

width:100px;

float:right;

}

</style>

</head>

<body>

<ul>

<li><a href=" # "> • Div CSS布局常见问题Div CSS布局常见问题</a><a href="#">[2012-3-9]</a></li>

<li><a href=" # "> • Div CSS布局常见问题Div CSS布局常见</a><a href="#">[2012-3-9]</a></li>

<li><a href=" # "> • Div CSS布局常见问题</a><a href="#">[2012-3-9]</a></li>

<li><a href=" # "> • Div CSS布局常见问题Div</a><a href="#">[2012-3-9]</a></li>

<li><a href=" # "> • Div CSS布局常见问题Div CSS布局</a><a href="#">[2012-3-9]</a></li>

</ul>

</body>

</html>

转载于:https://www.cnblogs.com/-CLAY-/p/text-overflow.html

你可能感兴趣的文章

用JS制作博客页面背景随滚动渐变的效果

查看>>

JavaScript的迭代函数与迭代函数的实现

Ajax中文乱码问题解决方法（服务器端用servlet）

查看>>

会计电算化常考题目一

查看>>

阿里云服务器CentOS6.9安装Mysql

查看>>

剑指offer系列6：数值的整数次方

查看>>