- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个包含文本的 div。如果文本溢出它的 div,它会在末尾用省略号缩短。我想要做的是在它的椭圆后面添加一个双引号,这样它看起来像这样:
“快哥……”
这是我的代码:
<html><body>
<div style="width: 100px;background: #CCCCCC;">
<div style="overflow:hidden; white-space: nowrap; text-overflow: ellipsis;">"The quick brown fox"
</div></div>
</body></html>
是否有一种简单的方法/技术可以做到这一点,或者您是否需要创建自己的自定义省略号?
谢谢大家!
最佳答案
CSS text-overflow
可以配置自定义字符,例如:
.customEllipsis {
overflow:hidden;
white-space: nowrap;
text-overflow: '…"';
}
但是,支持是实验性的,上面的示例目前仅在 Firefox 中工作。
对于跨浏览器支持,您必须在服务器上修改 PHP 输出(因为问题是用 PHP 标记的)或在客户端上用 JavaScript 修改输出。
更新2015-07-29 text-overflow
现在是fully supported所有现代浏览器。
更新 2016-07-01 转移到 Blink 网络引擎可能会破坏这个,因为我会在 Chrome 上测试它 - 请参阅 this Blink defect .而且它看起来不像在 Edge 中工作。
所以目前没有使用 text-overflow: <string>
的跨浏览器解决方案.情况变得更糟,因为 <string>
功能被标记为“有风险”,因此如果“未找到可互操作的实现”,它可能会被删除。
关于php - 在椭圆形溢出文本中添加结束引号的简单方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16603957/
我希望通过具有可以具有不同 x 和 y 值的 vec2 半径将我当前的圆形光变成椭圆形。有没有什么方法可以根据我当前在片段着色器中的代码执行此操作? uniform struct Light { ve
我正在尝试在显示的图像中实现形状。我不知道该怎么做。我尝试的最后一件事是: Container( height: 175, deco
刚开始摆弄 GUI。我希望这个程序绘制矩形/圆形(取决于用户单击的位置),并继续在前一个形状内绘制相同的形状,直到达到用户在文本字段中输入的数量。当我运行它时,它似乎永远无法进入paintCompon
我需要在Python程序中计算两个椭圆相交的数量。我知道在shaply如果两个对象相交,有一个函数返回 true。就像这样: from shapely.geometry import Polygon
不幸的是,我无法为 EditText 作品制作椭圆大小。当文本太长时,甚至可以在文本末尾放置三个点吗?它适用于 TextiView 但不适用于 EditText。有什么想法吗? android:id
谁能帮我从div中剪出这样的一个? 找到了可能的解决方案,但不了解 SVG。也许有人可以帮助我。 HTML: CSS: svg { position: relative; top:
有没有办法省略 NSTextField 的文本内容,而不是截断? 所以代替: The quick brown fox jumped over 它会说: The quick brown fox jump
我有一个线性布局 View ,我已将其背景设置为椭圆形纯色。到目前为止,我的背景是圆圈。现在我想实现相同的效果,即使用可绘制的形状来获得具有 2 种颜色的圆圈。请见附件。 最佳答案 关
我有一个指向 CursorAdapter 的微调器。我用一个特定的 View 设置这个适配器。我想修复微调器的宽度,我尝试了很多东西都没有成功: layout_width="100dp"//强制 KO
我正在尝试使用@ValidateWithMethod 来验证属性。我有两个非常不同的自定义验证。我想将它们放在不同的方法中,以便我可以获得不同的消息。但是,放置两个单独的 @ValidateWithM
我正在为一个学校项目创建一个程序,用户可以使用控制以下尺寸和颜色的按钮创建一个几何形状(应该看起来像一匹马):一个椭圆形、一个圆形、两个矩形和一个字符串(作为图的标题)。为了保存该图,我想要一个包含所
我有一个 UICollectionView,可以显示圆形、椭圆形、矩形等形状。因此,当我单击 Cell 时,我需要在 UIView 上绘制相同的形状,然后我需要移动并调整通过单击 Cell 绘制的 V
上图是我正在尝试创建的,但在处理椭圆形时遇到了一些困难。解释: 菜单栏是一个带有轻微线性渐变(深灰色到透明浅灰色)的 div 公司 Logo 图像具有透明背景,位于菜单栏的“顶部” 椭圆形切口需要与
我是 Android Studio 的新手,目前我正在尝试以编程方式创建随机颜色、笔划宽度和大小的椭圆形(不是实心,只是笔划): long randomSeedm = System.c
开始之前的相关信息:我已经搜索了 stackoverflow,并发现了类似的标题问题,但我不认为它们是我的重复项,因为它们有一个关键的区别,它们似乎有包含引用的对象给自己,造成圈子。我没有那个。 {
我是 OpenCV 的新手,需要了解 OpenCV 检测不同形状(圆形、正方形、矩形、三角形、椭圆形)的 iPhone 摄像头图像的方法。 所以,有人可以指导我正确的方向(引用/文章/任何东西),哪些
我正在尝试在java中编写一个20个板堆栈,使用按键功能堆叠一个新板,并使用鼠标单击功能使各个板一一消失到0。我不明白为什么我的函数不会'他们不会按照我的命令去做工作,请帮忙。 // Declare
我是一名优秀的程序员,十分优秀!