用CSS把标题超出的部分变成...

核心提示:用CSS把标题超出的部分变成...

<html>
<body>
<style>
.ellipsis span {
   white-space:nowrap;
   text-overflow:ellipsis; /* for internet explorer */
   overflow:hidden;
   width:190px;
   display:block;
}
html>body .ellipsis {
   clear:both;
}
html>body .ellipsis span:after {
   content: "...";
}
html>body .ellipsis span {
   max-width:180px;
   width:auto !important;
   float:left;
}
</style>
<div class="ellipsis">
<span>多特软件站_中国最快最安全的软件下载站_六大杀毒软件检测</span>
</div>
</body>
</html>

这个虽然是个好方法,可以不用程序控制了,而且也方便修改,但缺陷是firefox浏览器不支持。

时间: 2024-12-01 06:57:39

用CSS把标题超出的部分变成...的相关文章

css实现标题超出自动隐藏

杂技团美女的演练2009-05-12 杂技女的演练2009-05-12 杂团美女的技团美女的团美sdsdsddsfdfsdffdfdf2009-05-12 杂技团美女的演练女的演练2009-05-12 杂技团美女的演练美女的演练美女的演练美女的演练3333332009-05-12 杂技团美女的练女的演练2009-05-12 杂技团美女的演练2009-05-12 杂技演练2009-05-12 杂技团美女的演练2009-05-12 杂技团演练2009-05-12

标题超出宽(长)度部分自动显示省略号的CSS代码

标题超出宽(长)度部分自动显示省略号的CSS代码 li{       line-height:13px;       height:13px;       overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;}   非常实用的一个代码

多浏览器支持CSS 容器内容超出(溢出)支持自动换行_经验交流

CSS容器内容超出(溢出)自动换行,CSS容器内容超出(溢出)自动换行,CSS容器内容超出(溢出)自动换行 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

web标准化 用CSS定义标题的几个实例

css|web|web标准 原文:What is the Best Way to Mark up the Title of a Document? 说明:本文是 <Web Standards Solutions: The Markup and Style Handbook>一书中的一章.书号:ISBN:1590593812.我们会陆续翻译此书中有价值的章节. 原作者:Dan Cederholm 翻译:阿宏 一个文档标题,最好的定义方法是什么?要回答这个问题,先设想我们要在一个页面上定义文章的标

用CSS定义标题和几个实例

css 原文:What is the Best Way to Mark up the Title of a Document? 说明:本文是 <Web Standards Solutions: The Markup and Style Handbook>一书中的一章.书号:ISBN:1590593812.我们会陆续翻译此书中有价值的章节. 原作者:Dan Cederholm 翻译:阿宏 一个文档标题,最好的定义方法是什么?要回答这个问题,先设想我们要在一个页面上定义文章的标题,通常我们有三个方

用CSS实现标题过长部分用省略号显示

使用方法:在CSS中同时应用width=""; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;才能达到效果. width="";定义显示宽度 overflow:hidden; 溢出隐藏 text-overflow:ellipsis;省略号显示溢出文本内容 white-space:nowrap; 强制文本在一行内显示 用width指它好宽度.overflow:hidden;将超出的内容隐藏就行了

用css控制标题字符溢出,用省略号表示

 css控制文章列表,让标题溢出的文字以省略号方式表现. <div style="width:300px; height:22px;line-height:22px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;">测试一下效果看能不能达到只逼供逼供逼供逼供珍贵逼供蚶见多识广薯在时工楞革革工进而杳碴国圆顶 </div> 用上面这段代码就可以实现,但如果要实现效果就得结合多个css的定义才

用CSS定义标题的几个实例

css 简单的样式 使用CSS,最容易做的事情就是给我们的标题设置不同的字体样式.我们可以建立一个CSS规则,它将把样式应用到页面中出现的所有<h1>标签(或者是整个站点,当使用一个外部样式表的时候).随后,如果我们想要改变整个站点上所有出现<h1>标签的地方的颜色.尺寸.字体的话,我们所有需要做的事情就是修改一些CSS规则,然后它们将立即改变.听上去非常诱惑人,不是吗? 让我们认识一下我们自己的超级酷的标题: <h1>Super Cool Page Title<

CSS定义标题的实例讲解

简单的样式 使用CSS,最容易做的事情就是给我们的标题设置不同的字体样式.我们可以建立一个CSS规则,它将把样式应用到页面中出现的所有<h1>标签(或者是整个站点,当使用一个外部样式表的时候).随后,如果我们想要改变整个站点上所有出现<h1>标签的地方的颜色.尺寸.字体的话,我们所有需要做的事情就是修改一些CSS规则,然后它们将立即改变.听上去非常诱惑人,不是吗? 让我们认识一下我们自己的超级酷的标题: <h1>Super Cool Page Title</h1&