li与div自动截断过长文本

转载 2007年10月04日 15:35:00

<!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>
 

多行文本截断并出现省略号 纯CSS解决方案

2016/4/18ps:博主上班半个月啦 一直在忙 万事开头难。。 前几天碰到一个CSS的问题 多行文本的截断 还不能使用JS来做 找了又找 终于发现国外有个非常好的想法来跟大家分享一下,具体网站...
  • ajhongshaorou
  • ajhongshaorou
  • 2016年04月18日 19:32
  • 2721

li内容居左显示,内容过长,超出部分自动隐藏

  • 2011年06月22日 10:26
  • 1KB
  • 下载

CSS实现文字内容不被截断当超出指定长度时该字符串自动整体换到下一行

效果图: 1、内容不被截断 span {        overflow:hidden;        white-space:nowrap;        text-overflow:elli...
  • u012551585
  • u012551585
  • 2015年10月16日 15:46
  • 1195

css防止ul下的li里面内容超出换行

摘自 http://blog.163.com/weison_hi/blog/static/176804047201192535224607/   在使用css结合div布局的时候碰到了一个问题。 ...
  • ystyaoshengting
  • ystyaoshengting
  • 2015年05月21日 20:02
  • 6499

css防止ul下的li里面内容超出换行

摘自 http://blog.163.com/weison_hi/blog/static/176804047201192535224607/   在使用css结合div布局的时候碰到了一个问题。 ...
  • ystyaoshengting
  • ystyaoshengting
  • 2015年05月21日 20:02
  • 6499

【前端】css控制超出字符溢出部分自动截取(或显示省略号)

 Html代码   div style="width:200px; white-space:nowrap;overflow:hidden;text-overflow:ell...
  • xylz_yang
  • xylz_yang
  • 2014年07月10日 15:40
  • 2958

使用CSS截断过长标题文字的方法

整理磁盘,发现这个小东东,发一文备忘。 测试文件test.html代码如下: 使用CSS截断过长标题文字的方法 使用CSS截断...
  • m_changgong
  • m_changgong
  • 2013年01月31日 19:34
  • 5444

如何让DIV变成默认高度,如果内容过长自动加长

如何让DIV变成默认高度,如果内容过长自动加长 a345500193 | 浏览 4966 次  问题未开放回答 |举报 推荐于2016-02-29 19:25:20 ...
  • evilcry2012
  • evilcry2012
  • 2017年12月17日 21:50
  • 30

easyui在jsp页面的td文本过长时无法自动换行的解决方法

在用easyui写后台程序的时候发现了td无法自动换行的问题,当一个td单元格里的文本过长的时候,单元格会一直拉伸,这样用户体验度会变得很差而且不美观。刚开始的代码和界面效果如下: 尝试着上网找...
  • Xanthin
  • Xanthin
  • 2015年12月18日 10:16
  • 2377

TextView 文本过长时自动打点

需求如下: 一行有两个文本区域,二者间距至少30px; 第二个全部显示,第一个过长时打点显示; 是用纯 xml 布局实现该需求。...
  • zhaizu
  • zhaizu
  • 2016年03月24日 20:06
  • 2200
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:li与div自动截断过长文本
举报原因:
原因补充:

(最多只允许输入30个字)