css div宽度自动隐藏并且显省略号-百分百源码网

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

发布时间：01/15 来源：浏览：关键词：

<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<title>css div宽度自动隐藏并且显省略号</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">

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