程序员经验分享-hwhale

如何在 Firefox 中为 HTML 元素的溢出文本显示省略号？

2023-11-22

如果文本在 DIV 和 SPAN 中溢出，我需要显示省略号(...)。

我有一个名为的 CSS 属性text-overflow:ellipses。但这仅适用于 IE。

我想在其他浏览器（如 Firefox/Chrome 等）中显示相同的内容。


本文 (http://mattlain.com/blog/?p=49)解释了如何在 Firefox 上执行此操作。

还有一个 jQuery 插件这将为 Firefox 添加省略号。

text-overflow: ellipsis适用于其他一些浏览器，例如 Safari。歌剧用途-o-text-overflow.

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

firefox

css

如何在 Firefox 中为 HTML 元素的溢出文本显示省略号？ 的相关文章

  • Bootstrap：使用单个选项卡导航控制多个选项卡面板

    我想用一个选项卡导航来控制两个不同的选项卡内容 在 Bootstrap 3 中 我有一个使用逗号分隔数据目标的解决方案 如本例所示 https stackoverflow com a 19719859 1788961 https stack

  • 我无法注入带有“！important”规则的样式[重复]

    这个问题在这里已经有答案了 我尝试使用以下代码注入样式 document body style color green important Per CSS 级联引用 http www w3 org TR CSS2 cascade html

  • 具有固定位置的平滑滚动标题

    当我将位置更改为固定时如何创建平滑滚动 我尝试添加动画但不起作用 最好使用jquery动画 window scroll function var sticky mobile menu scroll window scrollTop if s

  • 如何在 jQuery 中使用 CSS“background-image”属性添加的图像上绑定单击事件

    这是我的小提琴link http jsbin com otisur 1 edit 我想我的问题通过标题本身就很清楚了 尽管如此 我正在寻找一种绑定的方法click使用 css 添加的图像上的事件background image财产 我知道

  • 如何在缩放动画中保持原点位于图像中心？

    我有类似的情况fiddle https jsfiddle net ddvn3p1h 3 其中我有一个 CSS3 动画 可以缩放绝对定位在另一个元素中心的元素 但是 当动画发生时 它会偏离中心 如示例中相对于蓝色的红色方块所示 我如何将其居中

  • 如何反转媒体查询中元素的顺序？

    我有两个 div 左和右 但是当屏幕小于 500px 时 左 div 成为底部 div 右 div 成为顶部 div DOM 中的第一个 div 应该显示为第二个 第二个 div 为第一个 I use display flex 然后 div

  • 如何更改 div 悬停时的跨度颜色

    我正在尝试更改 div 悬停时跨度的颜色 如何使红色汉堡按钮 即跨度 在 div 悬停时将颜色更改为黑色 PS 现在它在跨度的悬停上执行此操作 JSFiddle https jsfiddle net bjjbqct8 https jsfid

  • 当td内容太宽时，表格溢出父div

    我准备了一个 JSFiddle 来解释 向你展示我的问题 http jsfiddle net nz96C http jsfiddle net nz96C 乍一看还不错 但是当我添加一些文本时 firsttd一旦使用 tds 整个宽度 整个表

  • 如何重置弹性项目的“显示”属性

    我试图通过保留旧浏览器 特别是 IE8 IE9 和 Opera 10 的表格 将基于表格和 JS 的旧布局转换为具有向后兼容性的新 Flexbox 问题是没有display flex item覆盖旧样式display table cell

  • 如何使用 :nth-child() 选择所有子项中的所有其他

    我正在开发一个评论系统 我需要拥有其他所有孩子 div 甚至是第一个孩子的孩子 用 CSS 选择 例如 假设我有这个标记 为了简单起见 省略了不需要的结束标签 div class comment div class comment div

  • 如何更改 Bootstrap 导航栏折叠断点

    目前 当浏览器宽度低于 768px 时 导航栏将更改为折叠模式 我想将此宽度更改为 1000px 这样当浏览器低于 1000px 时 导航栏就会更改为折叠模式 我想在不使用 LESS 的情况下执行此操作 我使用的是手写笔而不是 LESS 我

  • 设置列表中前 10 项的样式

    可以使用像 li nth child 这样的东西来设置列表中前十项的样式吗 ol li item 1 li li item 2 li li item 3 li li item 4 li li item 5 li li item 6 li l

  • YouTube 视频内容涵盖 IE < 9 中的 CSS 下拉菜单

    我使用 CSS 创建了下拉菜单 并将 YouTube 视频放置在导航栏下方的框中 使用 IE 8 时 下拉菜单落后于 YouTube 视频 尽管带有导航栏的 div 的 z index 比带有 YouTube 视频的 div 更高 该问题在

  • 如何左对齐这些 Bootstrap 表单项？

    我是第一次使用 Bootstrap 在将此表单水平向左对齐时遇到很多麻烦 列表项是水平的 因为它们应该是水平的 但我希望控制标签 表单标签的 Bootstrap 类 全部位于向左浮动的相同位置 该表单包含在跨度为 7 的 div 中 因为我

  • 如何使用 github 托管外部 CSS 文件？

    我将 css 上传到 github 然后转到网站上的文件并单击 raw 选项 我尝试将其添加到网页中 但 chrome 给出以下错误 资源解释为样式表 但使用 MIME 类型 text plain 进行传输 https raw github

  • 带有覆盖CSS的背景图像

    我如何在 CSS 中设计带有叠加层的背景图像 就像这个示例图像一样 这是代码 我想添加tour类到背景图像和叠加效果 div class tour div class container div class row div class co

  • 仅使用 HTML 和 CSS 制作弧形帆形状？

    是否可以仅使用 HTML 和 CSS 创建下面的弧形帆形状 我可以看到从这个答案 https stackoverflow com questions 7073484 how does this css triangle shape work

  • 为什么我无法对自定义属性（又名 CSS 变量）进行动画处理？

    看这个动画 金色 div 有一个自定义属性动画的动画 keyframes roll o 1动画 o 这是分步动画的 银色 div 有一个动画 其中normal属性是动画的 keyframes roll o 2动画left 这会持续动画 为什

  • 如果超过高度则动态浮动柱

    I ve got a questing concerning a dynamic floating layout of li s in a ul Container 灰色容器 ul 固定高度为 150px 所有 li 其中的应使用最大高度

  • jQuery：向左滑动和向右滑动

    我见过slideUp and slideDown在 jQuery 中 左右滑动的功能 方式怎么样 您可以使用 jQuery UI 中的附加效果来做到这一点 详情请参阅此处 http docs jquery com UI Effects Sl

随机推荐

  • 将字符串大写

    有谁知道一种非常简单的方法 只将字符串的第一个字母大写 而不管字符串其余部分的大写 例如 asimpletest gt Asimpletest aSimpleTest gt ASimpleTest 我也希望能够完成所有字符串长度 gt gt

  • 如何通过 vue-svg-loader 在 vue.js 中导入多个 svgs

    我想在一个 vue 组件中导入多个 svg 文档说我必须导入它们中的每一个 但是如何以更短 更清晰的方式导入多个 svgs vue svg loader 文档 https vue svg loader js org 如果我想要导入超过一百个

  • 使用字典的字典创建命名空间

    目前我正在使用json将字典保存到配置文件中 我加载它以将其变成dict然后把它变成一个SimpleNamespace因为我更喜欢点符号来访问设置 为此 我将其加载 如下例所示 import json from types import S

  • 覆盖 Rails default_scope

    如果我有一个具有默认范围的 ActiveRecord Base 模型 class Foo lt ActiveRecord Base default scope conditions gt bar bar end 有什么办法可以做一个Foo

  • 如何检测Windows是否被锁定？

    如何检测Windows是否被锁定 Win L或被屏幕保护程序锁定 是否可以 没有记录的方法来检查会话是否被锁定 然而 有一种方法可以检测会话是否存在getting锁定 使用 WTSRegisterSessionNotification 当工

  • TypeORM 选择列名的别名

    this sampleRepo find order id DESC select id group 这将返回id and group符合预期 但是如何返回id as user id 以及如何从组中选择不同的值 只需在您选择的字符串中添加别

  • 从 Jupyter Notebook 连接到 MySQL 数据库

    我正在使用 Jupyter Notebooks 来学习 Python 我想连接到通过 MAMP 本地托管的 MySQL 数据库 我该如何处理这个问题 import os import pymysql import pandas as pd

  • Ruby on Rails：如何使用 OAuth2::AccessToken.post？

    OAuth2 AccessToken post 方法在文档中是这样指定的 对象 post 路径 opts block 我试图传递一些论点 但似乎我做错了 response token post oauth create js title g

  • randomForests 包中的 `LocalImp` 参数到底有什么作用？

    谁能用相对简单的英语解释一下参数是什么localImp确实在randomForest包裹 The randomForest文档将该参数描述为 是否应该计算个案重要性度量 将其设置为 TRUE 将超越重要性 它还指出它生产 包含逐个重要性度量

  • 如何查找文本文件中多个单词的计数？

    我能够找到一个单词在文本文件中出现的次数 就像在 Linux 中我们可以使用 cat filename grep c tom 我的问题是 如何查找文本文件中 tom 和 joe 等多个单词的计数 由于您有几个名字 因此正则表达式是处理这个名

  • 何时使用/不使用，@OneToOne 和 @ManyToOne

    我刚刚开始阅读有关 JPA 及其在 Hibernate 中的实现的内容 为了更好地理解细节 我需要对一些基础知识进行一些澄清 何时使用 OneToOne 我可能会用 OneToOne如果实体管理器需要处理相关对象的持久性 重点是 我可以一直

  • (C2) 从哪里来

    由于某种原因 一段代码将空格替换为 u00A0 即不间断空格 然后使用此代码sanitize一个 URL 是的 我知道这在很多方面都很糟糕 奇怪的是 当我的测试jsp中显示这些流氓时 出现 为什么 用于演示该问题的示例 JSP

  • 在 JavaScript 类中正确声明静态变量

    在我的代码中 我执行以下操作 非常简单 class AddOrSelectAddress static body lt Error static async open await get basePath Manage AddOrSelec

  • 在 PowerShell 中创建包含变量的表

    我仍在学习 PowerShell 脚本编写方法 并且正在编写一个脚本来计算文件服务器的可用空间百分比 并在驱动器达到剩余可用空间的 10 或更少时发送电子邮件通知 这种情况发生 大约每月一次 我需要在收到客户发来的电子邮件之前知道没有更多空

  • boost::random 每次生成相同的数字

    主要 cpp include stdafx h include random generator h int main int argc char argv cout setf ios fixed base generator type b

  • 帮助在调用新操作时理解 C# 语法

    我是 C 新手 不了解调用新操作的语法 甚至不了解操作是什么 根据我对 Port1 DataReceived 的理解 我必须创建一个操作 因为我处于新的阶段 任何人都可以详细说明为什么我需要这样做吗 public Form1 Initial

  • 如何使用带有文本内容的实体

    我想使用 JavaScript 设置元素的文本内容 如果我这样做 var el document getElementById my element el textContent times 结果是 div amp times div 我尝

  • gcc到底是如何进行优化的？

    为了了解gcc到底是如何优化的 我写了两个用 O2编译的程序 但是汇编代码有些不同 在我的程序中 我想在循环中输出 hello 并在每个输出之间添加一些延迟 这两个程序只是为了说明我的问题 我知道我可以在程序1中使用 volatile 或

  • 区分用户交互引发的事件和我自己的代码

    The SelectedIndexChanged当出现以下情况时 事件会从组合框在我的应用程序中触发 用户选择不同的 组合框中的项目 或者当 我自己的代码更新了组合 盒子的SelectedItem反映这一点 现在显示组合框 不同对象的属性

  • 如何在 Firefox 中为 HTML 元素的溢出文本显示省略号？

    如果文本在 DIV 和 SPAN 中溢出 我需要显示省略号 我有一个名为的 CSS 属性text overflow ellipses 但这仅适用于 IE 我想在其他浏览器 如 Firefox Chrome 等 中显示相同的内容 本文 htt

热门标签