`

FireFox下截取字符串显示省略号

    博客分类:
  • zk
 
阅读更多

CSS代码

<style type="text/css">
<!--
body{
	font-family: 宋体;
	font-size: 12px;
	color: #333333;
}
.div1{
width:200px;
}
.div1 a{
   white-space:nowrap;
   text-overflow:ellipsis; /* for internet explorer */
   overflow:hidden;
   width:168px;+width:200px;_width:200px;
   display:block;
   float:left;
   }
html>body .div1:after{
   content: "...";
   margin-left:5px;
}
-->
</style>

HTML代码

<div class="div1"><a href="http://www.865171.cn">
DIV+CSS模板、后台模板、图片图标下载,CSS代码实例、CSS
导航菜单、CSS图表</a></div>
分享到:
评论

相关推荐

    css自动截取指定长度字符串,结尾显示... 支持FF浏览器

    本文将详细介绍如何利用CSS实现对指定长度的字符串进行自动截取并在末尾显示省略号(...),同时确保该方法能够良好地支持Firefox等主流浏览器。 #### 实现原理与代码示例 ##### 1. CSS属性介绍 为了实现文本的...

    php,js,css字符串截取的办法集锦

    `ellipsis`值会用省略号替代超出的文本,而`&lt;string&gt;`值则允许我们指定一个特定字符串来替代超出的文本,不过这种用法目前仅在Firefox浏览器中得到支持。例如,通过设置`white-space: nowrap; text-overflow: ...

    javascript超过容器后显示省略号效果的方法(兼容一行或者多行)

    - 根据字符长度截取字符串并在长度超过指定值后显示省略号。 - 根据指定的行数和行高计算应该截取的文本长度,并在超出时显示省略号。 JavaScript实现的组件`MultiEllipsis`支持两种方式截取文本: - 通过字符...

    使用text-overflow:ellipsis实现溢出文本省略号显示无需js

    传统的做法是通过JavaScript来截取字符串并判断长度,但这确实较为繁琐,尤其是在需要响应式设计的情况下。CSS提供了一个优雅的解决方案——`text-overflow: ellipsis`,它能帮助我们实现这一功能,而无需借助...

    用css截取字符实现文字自动截断隐藏溢出文本

    在网页设计中,文字内容在容器中完整显示是一种基本需求,但有时我们希望在内容超出容器宽度时自动隐藏多余的文本,仅显示前一部分,并以省略号(…)代替被隐藏的内容,这就是文字自动截断隐藏溢出文本的功能。...

    HTML长文本截取含有HTML代码同样适用的两种方法

    首先,我们来看第一种方法:使用CSS截断字符串。这种方法适用于大多数现代浏览器,包括IE、Firefox、Opera和Safari。CSS截断的关键在于`overflow`、`white-space`、`text-overflow`和特定浏览器的前缀属性。以下是一...

    CSS 超出隐藏实现限制字数的功能代码(多浏览器)

    但是,对于Firefox,即使使用了这些前缀,仍然可能存在不兼容问题,不会显示省略号。此时,可以考虑使用JavaScript进行辅助处理,通过计算文本长度来实现动态截取。例如,可以创建一个函数来计算字符串中的字符数,...

Global site tag (gtag.js) - Google Analytics