我无法找到解决方案，将“文本溢出:省略”样式应用于<input type='file'/>中的Firefox浏览器中的选定文件名。
我正在应用css如下所示
.inp{显示:内联块；文本溢出:省略-ms-文本溢出:省略；空白:现在；溢出:隐藏；字包装:正常；垂直-对齐:底部；宽度:16 ms；}
浏览 2提问于2014-02-26得票数 4
我想用Android做一个计算器界面。现在，我想使用textview来显示输入公式。我希望它具有以下属性：
只显示一行内容是否已填充，当内容溢出时，过量使用“.”文本视图可以沿的水平方向滑动。
my xml file
<TextView
android:id="@+id/tvInput"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTo
浏览 2提问于2021-11-19得票数 0
1回答
我有一个固定高度的div，并希望显示一个视图字段。当内容溢出div时，我希望使用elipsis来获取更多信息。
CSS可以处理和隐藏溢出(溢出文本可以处理一行)，但是我必须估计每一行的行数，因为单词可以是任意长度。当然有或没有智能装饰模块的视图可以处理单词或字符，但我需要估计行数，或者，理想情况下，我希望根据div的最大高度进行修剪。
智能装饰维护人员建议使用CSS库可能有助于解决问题，但并不能解决问题。
我认为基于高度的视图文本溢出是一个常见的问题。
浏览 0提问于2015-09-09得票数 2
1回答
我有一个页面，我们使用SVG来呈现序列图。表示的一些数据有时可能很长，因此我想限制TSPAN元素的宽度并提供省略号，同时允许用户在文本上悬停并显示全文。
最初，我试图结合文本溢出属性使用CSS，方法是将值设置为“省略”，这正是我所要寻找的行为，但它没有可用的功能(大缓冲器)，还有其他方法来限制文本的长度，并允许在诸如悬停这样的操作上显示全文吗？
浏览 0提问于2013-10-07得票数 4
回答已采纳
我们试图使用以下简单的Javascript代码来检测是否有元素溢出：
this.clientWidth < this.scrollWidth
这在Chrome/IE上非常有效，但是在Firefox上，它会失败，直到有太多的溢出。
这个例子可以在这里看到：这个页面显示了一个国家的列表。我们做垂直对中的文本，如果它适合在一条线。如果它对一行太长(这就是我们要检测溢出的原因)，我们会更改它，以便文本出现在两行中。
在本附件中，您可以看到Firefox上发生了什么(取决于窗口的宽度)。当溢出不是“足够大”时，即使CSS明显地为它添加了省略号，它也没有被检测到，因此溢出。前4个“国家”显示的是正确
浏览 5提问于2015-01-14得票数 1
回答已采纳
我在网上找不到。如果有类似于我的问题的联系，请告诉我。
我想实现样式，如窗口图标和文件名在HTML使用CSS。检查附加图像。在下面的例子中，文件名是长的，里面没有空格，但是它显示得很好。
文件名：robot_circuits_computer_technology_desktop_1680x1050_hd-wallpaper-967920.jpg
我尝试使用不同的值和不同的属性组跟踪css属性。
文本溢出:省略；
溢出:隐藏
宽度: xxpx；
空白:现在；
单词包装:断词；
浏览 3提问于2014-02-09得票数 2
3回答
我在网格中有一个元素，它应用截断‘.’在所有浏览器中，除了IE11。
元素的初始样式是
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis:
white-space: nowrap;
我尝试添加-ms-文本溢出，字包装和显示:阻止无效，以及添加只读在有关的元素。
如何使IE正确地应用截断？
浏览 2提问于2020-07-28得票数 1
回答已采纳
我正在尝试使用Office UI Fabric JS库中的组件，但我发现它没有处理链接项溢出的功能。
文档将溢出显示为省略号，但是这背后没有任何功能。这只是为了演示。
是否有人修改了此组件以使其自动调整大小并正确显示所有链接？
浏览 4提问于2018-04-27得票数 2
当文本溢出时，我试图添加省略号，因为某些原因它不会显示。我做错了什么？
.test {
width: 100px;
overflow: hidden;
white-space: nowrap;
}
.text {
text-overflow: ellipsis;
}
<div class="test">
<div class="text">
dwada wad kowda dwak waodk
</div>
</div>
浏览 9提问于2022-11-17得票数 -1
回答已采纳
我试过了：
.listItem {
text-overflow: ellipsis;
}
.listItem:focus {
color: red;
text-overflow: none !important;
}
但这对文本溢出没有影响，尽管它确实会将颜色变为红色。想法？
浏览 0提问于2011-11-17得票数 2
回答已采纳
是否有方法检查文本是否被文本溢出所裁剪？
CSS：
.elem {
...
overflow: hidden;
text-overflow: ellipsis;
...
}
有时元素包含许多文本，这些文本溢出，并以“.”代替。
这是行不通的，因为实际上没有.在元素内容中，它仅是可视的：
cy.get(elem).should('contain', '...')
浏览 16提问于2022-05-04得票数 2
我需要显示省略号(...)如果文本在DIVs和SPANs中溢出。
我有一个名为text-overflow:ellipses的CSS属性。但这只在IE中有效。
我想在Firefox/Chrome等其他浏览器中显示相同的内容。
浏览 0提问于2010-06-18得票数 5
回答已采纳
4回答
是否有任何JS/CSS/jQuery魔术，我可以确定一个div中最后一个可见的内容是否被切断，并稍微增加/降低DIV的高度，以防止断线文本？
我们的系统允许用户输入包含XHTML的“元素”(使用Telerik控件)。我们有一个ElementList页面，其中显示了所有用户输入的元素。但是，由于用户输入的XHTML可能非常大，所以在列表页面上，我们只想显示每一行的前3行。因此，我将包含XHTML的DIV设置为等于3行文本的特定高度，并设置溢出:隐藏。到现在为止还好。
但是，由于用户可以输入XHTML，所以他们可以创建填充表(或者与标准文本高度不同)。由于高度和溢出:隐藏的组合，这些单元格中的文本
浏览 3提问于2012-03-19得票数 2
回答已采纳
有没有什么方法可以检测angular控制器中的文本是否溢出？
在我的CSS中，我有以下代码：
width: calc(100% - 60px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-top: 5px;
我希望能够在角度控制器中检测文本是否溢出，这样我就可以显示它的工具提示。如果文本没有溢出，则不需要显示工具提示，这就是我希望能够在控制器中检测文本是否溢出的原因。
浏览 0提问于2016-04-19得票数 7
在30.04.13上编辑的：IE10似乎摆脱了描述的行为，我们现在能看到这种行为的唯一浏览器是火狐
我希望一个div (.side)就在内联块(.wrap)中浮动，我希望另一个div (.content)包含带有文本溢出的长非包装字符串:在溢出的情况下省略。另外，.wrap不应该比它的容器更宽，所以它有最大宽度: 100%.
当.content中的内容宽度加上.side的宽度足够宽到比.wrap容器更宽时，.content中的内容应该会溢出。
当.content中的内容宽度加上.side的宽度小于.wrap容器的宽度时，则.content中不存在溢出，.wrap只应取.content和.sid
浏览 2提问于2013-01-05得票数 2
2回答
Android中的可访问性特性允许扩大文本大小和显示组件，但似乎有些本机组件并不像预期的那样允许这样做。
2项询问：
此图像显示全新的底部导航活动布局。因为这些选项对于文本视图来说太大了，所以它们在结束时会突然溢出。这里方便吗？
App文本视图是否可从文本大小/缩放方面访问？在一些应用程序中，我发现标题文本超出了App本身的范围。
浏览 0提问于2018-08-27得票数 0
1回答
我试图让#showtext充当切换.entry-summary p的文本溢出的按钮。当溢出被隐藏时，我也真的希望它显示一个省略号。如果有人能让我知道为什么我的代码不工作，那将是非常感谢。 https://jsfiddle.net/d2tzc8wh/ $(document).ready(function() {
$('#showText').toggle(function() {
$(".entry-summary p").css('overflow', 'visible');
}, function() {
浏览 14提问于2020-07-21得票数 1
回答已采纳
1回答
我要求修改select下拉列表中的文本(选项值)溢出省略号，而不反映列表中的省略号更改。
例如，下拉列表：
我希望这个文本作为省略号由overflow管理，但是当我点击选择查看列表时，它应该作为一个整体显示文本。
仅供参考:我正在使用Angular 6& kendo UI来格式化模板。
我尝试了多种html/css组合，但没有成功。任何帮助都将深表感谢。
浏览 12提问于2019-11-12得票数 0
1回答
如何处理字符粘合在一起的长字符串
、、、、
字符串类型1：最古老的古典希腊文和拉丁文在单词之间几乎没有空格，可以用boustrophedon (交替方向)书写。随着时间的推移，文字的方向
字符串类型2:
当我将字符串类型2添加到表中时，字符串将从表中扩展出去。
如果我使用css文本溢出来控制文本：
我的问题是如何让字符串类型1显示为第一个图像，而字符串类型2显示在文本溢出css中。
提前感谢你的帮助！！
table class="table">
<thead>
<tr>
浏览 2提问于2016-07-22得票数 0
回答已采纳
在Jquery mobile中:如何在使用ui-li-aside类时停止列表视图中的文本溢出。
尝试了所有类型的位置，包括相对位置、静态位置、绝对位置。我希望文本不溢出，而是用省略号换行。
浏览 2提问于2014-02-07得票数 0
2回答
我将动态地向页面添加文本。
Html
<ion-item no-lines>
<div [innerHTML] = "response"></div>
</ion-item>
TS
this.response = "<h3 style=\"border-bottom: 1px solid #dedede;\">" + result.Response + "</h3>" + this.response; // Adding the response in n
浏览 6提问于2017-06-26得票数 3
回答已采纳
1回答
使用垫子展开面板显示可以折叠的文本。唯一缺少的是css文本溢出:省略样式应该提供的3个点。然而，这似乎不起作用的垫-扩展面板标题，如下图所示。
您可以在stackblitz看到我的代码：
浏览 1提问于2018-02-01得票数 2
回答已采纳
我在GWT应用程序中有一个EditTextCell字段。比方说，其中的字符串是：
你好堆栈溢出世界
如果字段值超过确定的字符(例如10个字符)，我希望删除视图中的文本，例如：
你好斯塔克..。
但是在编辑时，它应该在文本框中显示全部内容。
有什么想法吗？
浏览 5提问于2011-11-16得票数 0
2回答
我有几个盒子项目，并使用flex对齐它们。
每个长方体都有flex-direction: vertical属性。
但是，正如您所看到的蓝色描述。我想让它们具有相同的高度，并且溢出部分应该显示省略号。
然而，一点运气都没有。文本在div.control > div中
有什么想法吗？
height: 50px !important;
text-overflow: ellipsis;
div.control{
overflow: hidden;
text-overflow: ellipsis;
div{
height:
浏览 0提问于2018-01-11得票数 0
我有2个div，里面有一些文本。它们被封装在一个具有固定高度和宽度的父Div中。如果文本溢出到父div之外，我想对文本进行省略处理。
这是我的HTML
<html>
<head>
<style>
.pDiv {
width:50px;
height:20px;
border: 1px solid red;
overflow: hidden;
text-overflow: ellipsis;
}
.div1 {
position:
浏览 1提问于2012-08-08得票数 0
1回答
隐藏带有溢出的文本块的开头:隐藏
、、、、
我有一个div元素，它对里面的文本来说太小了。我希望溢出被隐藏，但我希望div中的文本成为文本块的“底部”，即显示句子的结尾和隐藏句子的开头。
如果我能得到一个省略句，而不是一个普通的省略句的结尾，那就更好了：
猫跳了过去..。
我想在街区的乞讨处找个妓女。
|...over高高的栅栏
有人能帮我吗？
浏览 4提问于2014-11-16得票数 1
回答已采纳
4回答
我有一个宽度为130 of的div，高度为200 of 。
在这个div中会显示各种文本内容(我编写了一些JS以淡出不同的内容)。问题是，即使我尝试截断文本，比如180个字符，有时加载到这个div中的内容可能包含一个图片(或者可能不包含)，或者可能包含一些换行符(或者不包含)，所以固定的字符计数有时截断文本不够(例如，换行或者图像在div中占据了更多的垂直空间)。
理想情况下，当内容超过200 an的高度限制时，我希望截断并添加一个省略号--这可能吗？我看过CSS text-overflow property...this似乎只适用于基于宽度的截断(或者这是一个错误的假设吗？)
也许有一个基于
浏览 7提问于2012-01-24得票数 13
如果没有自定义委托，一切都可以正常工作：
但是我的表视图显示了搜索结果，部分文本需要粗体来表示它与搜索的查询匹配的位置。
一旦我使用委托使html标记正常工作，溢出单元格的文本就不会被裁剪并替换为省略号：
这是我的代表：
class HTMLDelegate(QStyledItemDelegate):
def __init__(self, parent=None):
super().__init__()
self.doc = QTextDocument(self)
def paint(self, painter, option, index):
p
浏览 2提问于2015-06-17得票数 1
回答已采纳
1回答
基于溢出隐藏并显示某些div
、、、、
我有一个动态表，在显示大文本中的前几个单词之后，我隐藏了一个动态表，如果用户想要读取他用来单击“视图更多的”按钮来读取完整数据的完整数据，那么它可以正常工作，但问题是如何只对其中溢出的文本行显示更多的视图。
Php解决方案
在php中，我们可以使用strlen()，并给出如下条件
if(strlen($data) > 100 ){
make visible
}
但是不能假设多少个字符正好适合在div中，因为用户可以使用enter，这样文本计数就会变，所以它不能工作。
JavaScript解决方案
function checkOverflow(el)
{
var
浏览 3提问于2017-07-29得票数 2
对于Sencha文本字段中的文本溢出，我需要省略号而不是文本被剪裁，所以我添加了一些相同的内联样式，但省略号不会出现，文本总是被剪裁，代码添加在下面作为参考
xtype: 'textfield',
label: 'First Name',
name: 'firstName',
clearIcon: false,
style: 'white-space:nowrap;overflow
浏览 1提问于2012-10-29得票数 2
2回答
我有以下情况：
但是我想做的是对齐容器的右边，如果文本溢出了他的容器，则显示省略号，而不是现在从左边对齐。
我的期望是：
AAA
BBBBBBBBBBBBBB...
CCC
在第一行或第三行包含更多字符的情况下：
AAAAAAAAAAAAAA...
BBBBBBBBBBBBBB...
CCC
浏览 6提问于2016-01-19得票数 0
回答已采纳
4回答
我有一个能保存一些文本的div。div的宽度是以像素为单位固定的。我希望确保如果文本在div中占用的空间超过一行，则文本不会溢出，也不会换行到第二行。我只想让它在一行上显示出与div的宽度一样多的内容。我一直在尝试
{
overflow:hidden;
height:1em;
width:160px;
}
它有时会起作用，但我的身高不合适。合适的高度是多少？也许有一种更好的方法可以做到这一点。请让我知道。谢谢!
感谢大家的贡献。下面是对我有效的方法:一个div：
{
height:1.2em;
text-overflow:ellipsis;
o
浏览 0提问于2011-12-12得票数 0
我正在与正确的样式，以避免重叠的长文本，应该包含在一行或显示省略号和一些其他按钮，也应该显示在应用程序的同一行。这个问题可以在下面的世博会素描中看到。
下面是组件的代码
<View style={{flexDirection: 'row', marginTop: 50}}>
<View style={{flex: 1,
flexDirection: 'row',
alignItems: 'center',
marginVertical: 5}}>
<Tex
浏览 1提问于2017-04-18得票数 0
回答已采纳
5回答
我有一个容器，消息被回显到其中，消息本身没有固定的大小，因为它的用户生成，但可能发生的是，如果提交了一个太长的文本字符串，它可以溢出它的容器，破坏设计。
有没有办法(希望只用css，虽然js还可以)让框裁剪文本，并留下一个...，这样我就可以在另一个页面上放置到文本的链接。
显然，您可以通过使用overflow:hidden来阻止这种情况的发生，但我希望使用一种更优雅的方法，而不是直接将其切断。我似乎记得在css3上读到过类似的东西，但我怎么也想不出它叫什么。
我在这里把这个问题弄得乱七八糟--
浏览 0提问于2013-05-15得票数 1
回答已采纳
1回答
我一直在使用空格:无包装、文本溢出:省略和溢出:隐藏的CSS属性来创建多行文本的省略截断。然而，当使用flexbox时，这是行不通的。
当使用flex时，文本溢出:省略似乎总是将flex项的高度截断为一行。
对于多行文本，可以使用flex和css省略截断的一些组合吗？
<div className="flex-container">
<div className="flex-item">
<p>long multiline text that i would like to truncate</p>
浏览 5提问于2016-08-16得票数 3
<a href="#" class="ellipsis tree-item no-borders" title="longnameeeeeeeeeeeeeeeeeeee">
<span class="glyphicon glyphicon-folder-closed tree-icon"></span>
longnameeeeeeeeeeeeeeeeeeee
</a>
您好，我将文本溢出设置为省略号，但在IE8中渲染时得到的结果如下所示：
插入iconName[]
它
浏览 0提问于2015-09-03得票数 1
我正在编写一个C#窗体应用程序，并有一个关于按钮文本属性的问题，在该按钮的单击事件上显示了一个消息框。
该按钮是一个“删除”按钮，它显示一个消息框，用户可以在其中按“是”、“否”或“取消”。
在上述情况下，按钮的文本是否应该有“.”按钮文本后面的字符？
对于menuStrip项，并显示一个窗体，约定是使用“.”menuStrip项文本属性后面的字符。遵循此约定时，“删除”按钮是否具有相同的“.”人物。
浏览 4提问于2016-01-27得票数 0
回答已采纳
8回答
我有一个带有以下css样式的div：
width:335px; float:left; overflow:hidden; padding-left:5px;
当我在div中插入一行长文本时，它会换成一个新行，并显示所有文本。我想要的是只有一行文本不会换行。当文本很长时，我希望这个溢出的文本消失。
我在考虑设置高度，但似乎是错的。
也许如果我添加与字体相同的高度，它应该可以工作，并且不会在不同的浏览器中造成任何问题？
我该怎么做呢？
浏览 4提问于2011-09-25得票数 163
回答已采纳
1回答
我正在使用PdfContentByte.showTextAligned直接向PdfContentByte对象写入内容，我想知道如何在写入时阻止给定区域的文本溢出。
如果可能的话，如果iText也能把省略号字符放在文本不适合的地方，那就太好了。
我在ColumnText上也找不到任何有用的方法。我不希望内容在写作时换行。
浏览 1提问于2012-11-26得票数 1
我已经包括了我所知道的一切，溢出隐藏，字包装，高度，宽度，最大宽度，但长句仍然溢出出容器。
这里是一个jsfiddle >
下面是文本正在溢出的div的css。它是弹出的导航悬停的一部分。
.nav-info, .nav-info-fixed {
width: 100%;
position: absolute;
top: 0%;
background-color: #fff;
border-radius: 10px;
z-index: 1000;
height:100%;
overflow: hidden;
word-wrap: break-word;
margin: 0 0 10p
浏览 1提问于2014-09-19得票数 1
回答已采纳
我有一张有三个点的桌子。必要时在每一行末尾(文本溢出)。我使用文本溢出属性的省略号值。它的工作原理是:当窗口调整大小时，“.”显示，但当表中的行包含span时，我遇到了两个问题：
‘.’在span的字体颜色中为“.”调整span字体的大小。
参见这里的演示：
也许这是一个新手的问题，但我找了一段时间，但没有找到任何解决办法。
我忘了说，这在Internet 上不起作用，但在Chrome上效果很好。
谢谢!
浏览 3提问于2011-11-12得票数 11
回答已采纳
7回答
我目前正在尝试制作一个文本框，隐藏溢出的文本。它很好，但在某种程度上。我在用
text-overflow: ellipsis;
这应该在我的文本被切断的地方放置三个点("...")，但它不放置三个点，而是放置看起来像三个点(称为‘省略’)的字符。
我目前使用的字体没有这个字符，所以它显示了一些其他随机字符，而不是三个点。
有没有人有一个简单的解决办法(不涉及javascript，只涉及CSS)，同时保留我的字体为文本？
浏览 5提问于2015-02-18得票数 18
回答已采纳
以下文本显示在网页中。
HTML代码如下所示-
<tr>
<td valign="middle" align="left">
<div
class="ellipsis"
style="max-width: 425px; display: inline-block;">
HKCR\abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnop
</di
浏览 2提问于2014-12-05得票数 3
我使用以下代码来防止文本溢出到新行：
.info-box{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
height: 3em;
width: 300px;
font-size: 1em;
line-height: 1em;
}
正如预期的那样，这是可行的，但是这个框中有三行的空间。如果文本超出了第三行，我如何命令浏览器应用省略号？或者，文本溢出只在一个上有效？
如果我需要JS来做这件事，我不会费心的。
浏览 3提问于2011-09-25得票数 11
回答已采纳
几天前，我看到了一个例子，说明我现在需要什么，但却记不起来是怎么回事。
我想在TextBlock中显示文本描述，如果文本大于文本块的大小，则显示.
浏览 9提问于2015-06-29得票数 0
回答已采纳
我正在JavaFX中创建自定义文件选择器。下面是它的按钮组：
下面是一个fxml文件内容：
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.geometry.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<GridPane hgap="5.0" maxHeight="-Infinity" maxWidth="
浏览 1提问于2018-03-16得票数 3
回答已采纳
1回答
我正在尝试使用span来处理文本溢出。
.jdName {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
<td>
<span className="jdName">Some Name with more characters</span>
</td>
这里的td已经有了一个固定的宽度。所以，我没有放弃跨度。
但是它没有对此显示任何省略。
为此，我必须使用div。谁能帮助我如何使用span而不是使用div？
浏览 0提问于2019-06-07得票数 0
3回答
使用text-overflow: ellipsis，是否可以只生成省略号
可点击
样式像超链接
如果是这样的话，是怎么做的？
目标是当文本溢出时，可以使用省略号来显示覆盖的文本，用户可以清楚地看到省略号是可点击的。
浏览 3提问于2014-05-24得票数 3
我有一个用Chart.js创建的图表。有一些选项，其中一个' responsive : true‘提供了一个响应式视图。问题是，当我第一次加载带有数据的图形时，y轴标签溢出边界并显示在下面的屏幕上。当我更改视图时，y轴标签在标签的末尾显示溢出、隐藏和省略。另外，我需要为标签添加自定义气球，我该如何做？在视图更改之前： ? 视图更改后： ?
浏览 10提问于2021-06-18得票数 0
3回答
我知道这是可能的通过Javascript，因为我已经做了它自己。然而，随着我正在建立的平台越来越大，我想承担尽可能多的JS重负荷。此外，在这个时候，我认为使用CSS文本溢出属性更可行，因为FireFox现在也支持它。
无论如何，在阅读时，我对定义为"string“的第三个参数感到好奇。我不知道这是指“文本溢出属性接受字符串值”，还是它本身是一个参数(就像剪辑和省略号一样)。
本质上，我只想知道这个 string 参数是否允许我生成自定义的文本溢出输出，比如" .."。我尝试过这样的方法：
text-overflow: string(" ..");
浏览 1提问于2011-12-06得票数 18
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
