li与div自动截断过长文本
2007-10-04 15:35
253 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
div {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
-->
</style>
<ul>
<li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li>
<li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li>
<li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li>
<li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li>
<li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li>
</ul>
<div><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></div>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
div {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
-->
</style>
<ul>
<li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li>
<li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li>
<li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li>
<li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li>
<li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li>
</ul>
<div><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></div>
相关文章推荐
- div ul li添加文本自动自动
- div自动换行及截断文本
- li 列表文本过长自动用省略号代替
- td文本过长自动隐藏,浏览器兼容
- div里ul li浮动之后父容器高度不能自动增加的解决方法
- div文本过长省略
- DIV文本自动换行
- 用css截取字符实现文字自动截断隐藏溢出文本
- 在<table>或<div>中如何让传入的文本自动换行
- div+pre标签的组合实现文本原格式显示与自动换行
- table td 文本自动截断 text-overflow:ellipsis
- jQuery获取自动截取过长的文本内容,显示成省略号
- div或li float之后父容器高度不能自动增加的解决办法
- div ul li自动适应高度float:left
- 单行文本过长自动替换为省略号的css写法:text-overflow:ellipsis;
- DIV设置了固定宽高出现文字(文本)的不能自动换行
- 文本自动截断
- CSS实现div添加过长的英文字母或数字的内容显示一排而溢出时,进行自动换行
- 通过纯CSS样式实现DIV元素中多行文本超长自动省略号
- 如何让DIV变成默认高度,如果内容过长自动加长