如何防止CSS网格井喷，以使文本溢出省略将工作

文章/答案/技术大牛

发布

1回答

javascript、html、css、css-grid

我有一些问题与CSS网格“井喷”，这是导致我的文本属性text-overflow: ellipsis无法工作。 </div>CSS第三列s3 (彩

浏览 10提问于2020-08-02得票数 1

回答已采纳

1回答

多行文本省略的Flexbox

html、css、flexbox

我一直在使用空格:无包装、文本溢出:省略和溢出:隐藏的CSS属性来创建多行文本的省略截断。然而，当使用flexbox时，这是行不通的。当使用flex时，文本溢出:省略似乎总是将flex项的高度截断为一行。对于多行文本，可以使用flex和css省略截断的一些组合吗？手动设置高度与flex +空白:现在the不工作</em

浏览 5提问于2016-08-16得票数 3

1回答

为复制/粘贴提供替代文本

javascript、jquery、html、css、clipboard

但是，当文本被复制时，另一个版本的文本(B)实际上被复制到剪贴板上。实际上，A和B可能非常相似，但是技术应该允许A和B是完全不同的字符串。</div>This is a really long bit of text that is too large to(当然，我的应用程序将分别处理缩短字符串的第一个实例和添加省略号。) 我似乎还记得简单的HTML/CSS是有可能的，但

浏览 2提问于2015-03-28得票数 0

3回答

JavaScript/jQuery“预先”确定文本的长度

javascript、jquery

我正在用jQuery开发一个网络应用程序。我有一个带有固定宽度列的表，以及javascript填充的行内容。我不希望这种事发生，所以我不得不缩短长句。但我认为，这将导致表行在行获得值时“闪烁”。有没有人以前这样做过，并找到了一个很好的解决方案我的问题？

浏览 2提问于2013-01-15得票数 0

回答已采纳

2回答

如何更改javascript中div中文本的字体大小

javascript、html、css

我有一个网格，在一些网格项中，div的文本太长。我已经添加了文本溢出:省略，空白:现在，溢出:隐藏。这样可以防止文本按预期溢出。但我想尝试的是，检测是否存在溢出，如果是，减小字体大小。基本上，它应该遍历所有数据行，如果检测到溢出，则更改字体大小。这不一定是Javascript，但我认为这将是我实现这一目标的最佳机会。但是代码没有改变字体大小，谁能帮我改变字体大小吗？在Javascr

浏览 14提问于2022-03-30得票数 0

回答已采纳

4回答

网格中的CSS中心列表项

html、css、css-float

首先，我的CSS技能是...一项正在进行的工作。但到目前为止，我已经成功地将一堆列表项排列在网格中。我现在想要做的是将列表项目居中。我还想在每个列表项中水平和垂直居中文本，理想情况下省略(而不是一个单词)溢出文本。作为最后一个规范，如果可能的话，我只想将CSS修改为ul及其子对象。

浏览 4提问于2012-09-20得票数 1

回答已采纳

1回答

块级元素是否支持文本溢出:省略

html、css

当省略号溢出div时，我的文本不会被省略号切断。<div> &l

浏览 6提问于2014-10-21得票数 2

回答已采纳

17回答

两行上的文本溢出省略号

html、css

我知道您可以使用CSS规则的组合来使文本以省略号(...)结尾。当它溢出的时候(超出了父母的界限)。。; overflow: hidden; white-space: nowrap;如您所见，当文本的宽度超过div的宽度时，文本以省略号结束。但是，仍然有足够

浏览 6提问于2013-04-10得票数 167

回答已采纳

4回答

CSS:只显示字符串的前两个字母

css

是否可以使用纯CSS只显示字符串的前两个字母？到目前为止，我已经尝试过(但没有成功)：还有别的办法吗？

浏览 0提问于2016-02-10得票数 20

回答已采纳

2回答

这些图像存储在div容器中，以及当鼠标悬停在其上时显示图像名称的文本。现在，图像墙本身工作良好，然而，我有一个小的造型问题。当图像很小，文本溢出文本跨度时，text-overflow: ellipsis;什么也不做。事实上，如果没有具有overflow:hidden;的容器，文本就会继续下去。为了演示，我将border: 1px solid red;放在文本跨度上，以向您展示文本确实是溢出的，尽管容器的宽

浏览 2提问于2017-04-05得票数 0

回答已采纳

2回答

文字溢出省略号角度材质扩展面板内的动态宽度说明

css、angular-material2

我想在mat-panel-description中显示一个描述，当溢出时会显示省略号-点。我希望能够调整窗口的大小，窗口越大，我越想看到文本，窗口越小，我就越不想看到。<input matInput placeholder="Age"> </mat-expansion-panel>CSS

浏览 0提问于2018-01-25得票数 2

回答已采纳

1回答

文本溢出问题:省略号

ellipsis、css

我有一个问题与文本溢出:省略-它不想在我的网站上工作。我目前正在学习，我有一个项目，其中我有固定高度的文本div的。我尝试了文本溢出:省略，但我似乎不能使其工作。</p>.comments p { text-align: justify; text-overflow: ellipsis-word我尝试在包含文本</em

浏览 2提问于2012-07-24得票数 2

4回答

带有省略号的ReactJS多行文本区域

javascript、css、reactjs、ecmascript-6、material-ui

如果输入的文本超过2行，那么我想添加省略号(.)因为文本溢出。我正在使用这个React组件谢谢

浏览 2提问于2018-11-05得票数 12

回答已采纳

1回答

不适用于宽灵活的表格单元格内div的文本溢出省略

html、css

我搜索堆栈溢出，并查看了一些解决方案，但到目前为止没有任何效果。我所拥有的是一个具有灵活列宽的表，其中一个表格单元格中有一个div，其中有一些文本，我希望有一些省略号以防止溢出。solid black;td div { text-overflow: ellipsis;} .desc { wid

浏览 3提问于2015-12-15得票数 4

2回答

防止内联块元素在容器外部展开。

html、css

我有以下html： <div class="long-line"> </div>和css：场景2)如果不需要，div不应该填充td。换句话说，如果有少量的文本，它就不会占用任何它不需要的额外空间。我可以通过

浏览 10提问于2015-08-06得票数 2

4回答

如何在引导中设置单词的限制

html、twitter-bootstrap

这里我在引导面板标题中有一些文本。我想为面板标题中的文本设置限制。为了前夫。有文本Beautiful dam of world located in arizona。

浏览 12提问于2015-08-21得票数 0

回答已采纳

1回答

截断以多行为中心的文本&添加椭圆

javascript、html、css

我想知道如何截断多行文本(在我的例子中，在三行之后)&在文本居中时添加一个省略号。另一种解决方案建议隐藏/显示div w/“.”在文本div的右下角，但这并不适用于居中文本。还有其他想法吗？

浏览 1提问于2014-06-11得票数 0

回答已采纳

1回答

在火狐中省略而不去Mozilla.org

firefox、css

为了让省略号在火狐中工作，我需要创建一个额外的XML文件，对Mozilla.org进行几次引用，以使火狐识别CSS3文本溢出特性。奇怪的是，""返回一个404错误，但xmlns绝对是必需的，否则省略号将无法工作。谢谢你，巴达伦

浏览 3提问于2010-12-09得票数 0

回答已采纳

2回答

限制TD文本长度

css、backgrid

我有一个由backgrid生成的网格。td上的width属性不起作用。 

浏览 0提问于2015-06-26得票数 4

回答已采纳

2回答

将单词改为“.”

functions

当浏览器的宽度缩小时，通过将所有内容向下推倒，溢出的单词将被放置到下一行。谢谢!

浏览 0提问于2015-03-05得票数 -1

回答已采纳

点击加载更多