div与li自动截断过长的文本
yqxbc 发布时间:08-29 来源:一起学编程 浏览:4次
  相信很多站长在网页设计过程中都需要用到这段CSS代码,代码和演示如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>p与li自动截断过长的文本</title>
<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;}\np{width:200px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}</style>
</head>
<body>
<p><a href="http://www.zftb.cn" target="_blank">一起学编程网</a></p>
<ul>
  <li><a href="http://www.zftb.cn" target="_blank">一起学编程网</a></li>
  <li><a href="http://www.zftb.cn" target="_blank">一起学编程网</a></li>
  <li><a href="http://www.zftb.cn" target="_blank">一起学编程网</a></li>
  <li><a href="http://www.zftb.cn" target="_blank">一起学编程网</a></li>
  <li><a href="http://www.zftb.cn" target="_blank">一起学编程网</a></li>
  </ul>
</body>
</html>
 

如果你有好的win10资讯或者win10教程,以及win10相关的问题想要获得win10系统下载的关注与报道。
欢迎加入发送邮件到657025171#qq.com(#替换为@)。期待你的好消息!