Jquery中文网 www.jquerycn.cn
Jquery中文网 >  CSS教程  >  经典实例  >  正文 css div宽度自动隐藏并且显省略号

css div宽度自动隐藏并且显省略号

发布时间:2020-05-15   编辑:www.jquerycn.cn
jquery中文网为您提供css div宽度自动隐藏并且显省略号等资源,欢迎您收藏本站,我们将为您提供最新的css div宽度自动隐藏并且显省略号资源

<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<title>css div宽度自动隐藏并且显省略号</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
 #abc{
 display:block;/*内联对象需加*/
 width:200px;
 word-break:keep-all;/* 不换行 */
 white-space:nowrap;/* 不换行 */
 overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
 text-overflow:ellips教程is;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使*/
 }
 #cde{
  width:200px; /* 必须设置宽度 */
  word-break:keep-all;/* 不换行 */
  white-space:nowrap;/* 不换行 */
  overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
  text-overflow:ellipsis;/
 }
</style>
</head>
<body>
<div  id="abc">
fdsafdsaklfdjsaklf;djakl;fdjsakf;djsakfldajfklda;fjdsakl
</div>
<div  id="cde">
中国WEB第一站www.111cn.net提供最新的网页制作教程教程、网页设计教程、网页特效教程,为个人网站提供网页素材模板和网页视频学习
</div>
</body>
</html>

 

您可能感兴趣的文章:
jQuery学习笔记之jQuery的动画
jQuery 动态酷效果实现总结
jQuery学习笔记之jQuery动画效果
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
从零开始学习jQuery (七) jQuery动画实现 让页面动起来
基于Jquery制作的幻灯片图集效果打包下载
jQuery当鼠标悬停时放大图片的效果实例
文本有关的样式和jQuery求对象的高宽问题分别说明
TimergliderJS 一个基于jQuery的时间轴插件
利用jQuery实现可输入搜索文字的下拉框

[关闭]