1回答
使用垫子展开面板显示可以折叠的文本。唯一缺少的是css文本溢出:省略样式应该提供的3个点。然而，这似乎不起作用的垫-扩展面板标题，如下图所示。
您可以在stackblitz看到我的代码：
浏览 1提问于2018-02-01得票数 2
回答已采纳
5回答
我有一个容器，消息被回显到其中，消息本身没有固定的大小，因为它的用户生成，但可能发生的是，如果提交了一个太长的文本字符串，它可以溢出它的容器，破坏设计。
有没有办法(希望只用css，虽然js还可以)让框裁剪文本，并留下一个...，这样我就可以在另一个页面上放置到文本的链接。
显然，您可以通过使用overflow:hidden来阻止这种情况的发生，但我希望使用一种更优雅的方法，而不是直接将其切断。我似乎记得在css3上读到过类似的东西，但我怎么也想不出它叫什么。
我在这里把这个问题弄得乱七八糟--
浏览 0提问于2013-05-15得票数 1
回答已采纳
文本溢出省略号适用于单行ltr和rtl方向，但省略号不适用于rtl方向。
如果我删除/更改rtl的方向，一切都运行正常。可能的bug是什么？
index.html
<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<style>
p{
font-size: 14px;
font-weight: bold;
text-align: right;
float: right;
text-align: right;
display: -web
浏览 3提问于2018-11-10得票数 2
2回答
我持有文本，我不希望div高于某个大小或大于某个大小。我已经设定了最大宽度和最大高度。我现在的问题是，当课文太长时，就会产生问题。有什么方法可以切断文本时，它必须做断行吗？
编辑:在省略号开始之前，我想要两行文字。
浏览 1提问于2018-10-28得票数 0
1回答
这是一个例子：
<style>
div {
background-color: skyblue;
height: 100px;
}
.posttext {
word-wrap: break-word;
-ms-hyphenate-limit-lines: 10;
text-overflow: ellipsis;
}
</style>
<div>
<p class="posttext">---------0---
浏览 5提问于2017-08-19得票数 1
回答已采纳
1回答
因此，在UILabel中，当文本太日志时，标签显示文本如下
“这是.”
但是，我想在结尾添加一个重要的信息，并显示如下
"...is the text end“
是否有任何方法可以以快捷的方式来设置这个程序？
浏览 1提问于2018-11-30得票数 0
回答已采纳
我试过了：
.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
我无法找到解决方案，将“文本溢出:省略”样式应用于<input type='file'/>中的Firefox浏览器中的选定文件名。
我正在应用css如下所示
.inp{显示:内联块；文本溢出:省略-ms-文本溢出:省略；空白:现在；溢出:隐藏；字包装:正常；垂直-对齐:底部；宽度:16 ms；}
浏览 2提问于2014-02-26得票数 4
1回答
我有一个固定高度的div，并希望显示一个视图字段。当内容溢出div时，我希望使用elipsis来获取更多信息。
CSS可以处理和隐藏溢出(溢出文本可以处理一行)，但是我必须估计每一行的行数，因为单词可以是任意长度。当然有或没有智能装饰模块的视图可以处理单词或字符，但我需要估计行数，或者，理想情况下，我希望根据div的最大高度进行修剪。
智能装饰维护人员建议使用CSS库可能有助于解决问题，但并不能解决问题。
我认为基于高度的视图文本溢出是一个常见的问题。
浏览 0提问于2015-09-09得票数 2
在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
在Jquery mobile中:如何在使用ui-li-aside类时停止列表视图中的文本溢出。
尝试了所有类型的位置，包括相对位置、静态位置、绝对位置。我希望文本不溢出，而是用省略号换行。
浏览 2提问于2014-02-07得票数 0
我们试图使用以下简单的Javascript代码来检测是否有元素溢出：
this.clientWidth < this.scrollWidth
这在Chrome/IE上非常有效，但是在Firefox上，它会失败，直到有太多的溢出。
这个例子可以在这里看到：这个页面显示了一个国家的列表。我们做垂直对中的文本，如果它适合在一条线。如果它对一行太长(这就是我们要检测溢出的原因)，我们会更改它，以便文本出现在两行中。
在本附件中，您可以看到Firefox上发生了什么(取决于窗口的宽度)。当溢出不是“足够大”时，即使CSS明显地为它添加了省略号，它也没有被检测到，因此溢出。前4个“国家”显示的是正确
浏览 5提问于2015-01-14得票数 1
回答已采纳
我想用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
我在网上找不到。如果有类似于我的问题的联系，请告诉我。
我想实现样式，如窗口图标和文件名在HTML使用CSS。检查附加图像。在下面的例子中，文件名是长的，里面没有空格，但是它显示得很好。
文件名：robot_circuits_computer_technology_desktop_1680x1050_hd-wallpaper-967920.jpg
我尝试使用不同的值和不同的属性组跟踪css属性。
文本溢出:省略；
溢出:隐藏
宽度: xxpx；
空白:现在；
单词包装:断词；
浏览 3提问于2014-02-09得票数 2
我有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回答
我有一个页面，我们使用SVG来呈现序列图。表示的一些数据有时可能很长，因此我想限制TSPAN元素的宽度并提供省略号，同时允许用户在文本上悬停并显示全文。
最初，我试图结合文本溢出属性使用CSS，方法是将值设置为“省略”，这正是我所要寻找的行为，但它没有可用的功能(大缓冲器)，还有其他方法来限制文本的长度，并允许在诸如悬停这样的操作上显示全文吗？
浏览 0提问于2013-10-07得票数 4
回答已采纳
对于Sencha文本字段中的文本溢出，我需要省略号而不是文本被剪裁，所以我添加了一些相同的内联样式，但省略号不会出现，文本总是被剪裁，代码添加在下面作为参考
xtype: 'textfield',
label: 'First Name',
name: 'firstName',
clearIcon: false,
style: 'white-space:nowrap;overflow
浏览 1提问于2012-10-29得票数 2
5回答
我的页面上有一个DIV (这是一个响应性的设计)，它只包含设置为pt大小的文本。文本很合适，页面看起来很宏伟。
然而，当浏览器的大小缩小时，DIV就会缩小，而我的一些文本就会从DIV中消失。
是否有某种JavaScript (jQuery)公式来计算一个DIV中可以容纳多少个字符？我的想法是每次浏览器更改大小时，文本都会被截断，最后添加省略号。我只是不知道该把它削到哪里去。
谢谢
浏览 0提问于2013-08-02得票数 2
回答已采纳
3回答
我在网格中有一个元素，它应用截断‘.’在所有浏览器中，除了IE11。
元素的初始样式是
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis:
white-space: nowrap;
我尝试添加-ms-文本溢出，字包装和显示:阻止无效，以及添加只读在有关的元素。
如何使IE正确地应用截断？
浏览 2提问于2020-07-28得票数 1
回答已采纳
如果我有一个像这样的很长的文本(例如在表格中)：
<p class='line'>
<span class='fixed1'>FIXED</span>
<span class='long_text'>This is my very very very very long text</span>
<span class='fixed2'>FIXED</span>
</p>
默认情况下，<p>宽度为100
浏览 0提问于2017-12-06得票数 0
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
当文本溢出时，我试图添加省略号，因为某些原因它不会显示。我做错了什么？
.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
回答已采纳
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
回答已采纳
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
回答已采纳
我使用以下代码来防止文本溢出到新行：
.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
回答已采纳
我有2个多行EditText和2行文本输入，如下图所示。
编辑文本1：
<EditText
android:layout_width="match_parent"
android:layout_height="30dp"
android:layout_marginTop="50dp"
android:paddingStart="10dp"
android:background="#ffffff"
android:includeFontPadding="f
浏览 6提问于2016-08-15得票数 0
4回答
是否有任何JS/CSS/jQuery魔术，我可以确定一个div中最后一个可见的内容是否被切断，并稍微增加/降低DIV的高度，以防止断线文本？
我们的系统允许用户输入包含XHTML的“元素”(使用Telerik控件)。我们有一个ElementList页面，其中显示了所有用户输入的元素。但是，由于用户输入的XHTML可能非常大，所以在列表页面上，我们只想显示每一行的前3行。因此，我将包含XHTML的DIV设置为等于3行文本的特定高度，并设置溢出:隐藏。到现在为止还好。
但是，由于用户可以输入XHTML，所以他们可以创建填充表(或者与标准文本高度不同)。由于高度和溢出:隐藏的组合，这些单元格中的文本
浏览 3提问于2012-03-19得票数 2
回答已采纳
我正在尝试使用Office UI Fabric JS库中的组件，但我发现它没有处理链接项溢出的功能。
文档将溢出显示为省略号，但是这背后没有任何功能。这只是为了演示。
是否有人修改了此组件以使其自动调整大小并正确显示所有链接？
浏览 4提问于2018-04-27得票数 2
3回答
我知道这是可能的通过Javascript，因为我已经做了它自己。然而，随着我正在建立的平台越来越大，我想承担尽可能多的JS重负荷。此外，在这个时候，我认为使用CSS文本溢出属性更可行，因为FireFox现在也支持它。
无论如何，在阅读时，我对定义为"string“的第三个参数感到好奇。我不知道这是指“文本溢出属性接受字符串值”，还是它本身是一个参数(就像剪辑和省略号一样)。
本质上，我只想知道这个 string 参数是否允许我生成自定义的文本溢出输出，比如" .."。我尝试过这样的方法：
text-overflow: string(" ..");
浏览 1提问于2011-12-06得票数 18
回答已采纳
2回答
我想知道，当我的文本经过内容可编辑div时。
I dont want to have a scroll or anything, just as it is.
我想要的是阻塞(不是隐藏溢出，阻塞！)位于div下的任何文本。
这是我的JSFiddle和我的问题。
提前谢谢。
浏览 0提问于2014-01-14得票数 0
1回答
我要求修改select下拉列表中的文本(选项值)溢出省略号，而不反映列表中的省略号更改。
例如，下拉列表：
我希望这个文本作为省略号由overflow管理，但是当我点击选择查看列表时，它应该作为一个整体显示文本。
仅供参考:我正在使用Angular 6& kendo UI来格式化模板。
我尝试了多种html/css组合，但没有成功。任何帮助都将深表感谢。
浏览 12提问于2019-11-12得票数 0
我需要显示省略号(...)如果文本在DIVs和SPANs中溢出。
我有一个名为text-overflow:ellipses的CSS属性。但这只在IE中有效。
我想在Firefox/Chrome等其他浏览器中显示相同的内容。
浏览 0提问于2010-06-18得票数 5
回答已采纳
我正在尝试添加文本到菱形，文本应该在中心，只占据行之间的内容。 任何多余的文本都应该在末尾加上一个省略号。文本应该从中心开始排列，并占据空间的其余部分。 我已经写了一些实现，但还不够接近。 js小提琴：https://jsfiddle.net/7q4x6f9j/2/ ? var hello = "adfadfsaf";
var textElement = document.getElementById("text1");
textElement.addEventListener("change", (event) => {
浏览 24提问于2021-09-17得票数 0
回答已采纳
我正在使用TabWidget来获取选项卡式导航。每个选项卡磁贴下面都有图标和文本。作为我的标签的内容，我目前有卡片视图列表。所以，标签按钮布局：
<LinearLayout android:id="@+id/tabsLayout"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height
浏览 0提问于2015-09-10得票数 0
2回答
p {
width: 40px;
margin: 0;
padding: 0;
}
td {
padding: 0;
margin: 0;
}
<table style="width:100px;">
<colgroup>
<col style="width:20px;">
<col style="width:40px;">
<col style="width:40px;">
</colgroup&
浏览 76提问于2015-10-01得票数 0
4回答
我有一个宽度为130 of的div，高度为200 of 。
在这个div中会显示各种文本内容(我编写了一些JS以淡出不同的内容)。问题是，即使我尝试截断文本，比如180个字符，有时加载到这个div中的内容可能包含一个图片(或者可能不包含)，或者可能包含一些换行符(或者不包含)，所以固定的字符计数有时截断文本不够(例如，换行或者图像在div中占据了更多的垂直空间)。
理想情况下，当内容超过200 an的高度限制时，我希望截断并添加一个省略号--这可能吗？我看过CSS text-overflow property...this似乎只适用于基于宽度的截断(或者这是一个错误的假设吗？)
也许有一个基于
浏览 7提问于2012-01-24得票数 13
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
回答已采纳
有没有什么方法可以检测angular控制器中的文本是否溢出？
在我的CSS中，我有以下代码：
width: calc(100% - 60px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-top: 5px;
我希望能够在角度控制器中检测文本是否溢出，这样我就可以显示它的工具提示。如果文本没有溢出，则不需要显示工具提示，这就是我希望能够在控制器中检测文本是否溢出的原因。
浏览 0提问于2016-04-19得票数 7
我试图省略一个文本溢出的h2标记。它在所有浏览器上都工作得很好，但在Android上。
这三个点跳到了裁剪文本的后面，所以你实际上看不到省略号。
h2的css为：
h2 {
font-size: 20px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 40%;
}
我有很多其他风格，但不知道什么会影响这一点。
我做了一个工作正常的虚拟测试，所以我想知道以前是否有人经历过这种行为？
浏览 0提问于2012-08-08得票数 3
回答已采纳
2回答
我定义了以下TextView：
<TextView
android:id="@+id/textview_id"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="left"
android:layout_alignParentTop="true"
android:layout_marginRight="25dip"
浏览 0提问于2011-04-27得票数 10
回答已采纳
1回答
防止内容水平溢出
、、
在中，我使用两列布局。第一列在绿色<v-list>中有一个<v-alert>。如果单击“切换文本”按钮，列表中第一项的标题在短和长之间切换。
当文本很长时，它会溢出<v-alert>并运行到相邻的列中。
我怎么才能阻止这一切？理想情况下，我希望文本在到达绿色<v-alert>的边缘后用省略号截断，或者如果不可能，文本将在警报中换行。
我尝试将下面的类添加到文本中，但这并不能防止溢出
.prevent-overflow {
white-space: nowrap;
overflow: hidden;
text-overflow
浏览 0提问于2021-09-02得票数 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回答
Android中的可访问性特性允许扩大文本大小和显示组件，但似乎有些本机组件并不像预期的那样允许这样做。
2项询问：
此图像显示全新的底部导航活动布局。因为这些选项对于文本视图来说太大了，所以它们在结束时会突然溢出。这里方便吗？
App文本视图是否可从文本大小/缩放方面访问？在一些应用程序中，我发现标题文本超出了App本身的范围。
浏览 0提问于2018-08-27得票数 0
1回答
如何处理字符粘合在一起的长字符串
、、、、
字符串类型1：最古老的古典希腊文和拉丁文在单词之间几乎没有空格，可以用boustrophedon (交替方向)书写。随着时间的推移，文字的方向
字符串类型2:
当我将字符串类型2添加到表中时，字符串将从表中扩展出去。
如果我使用css文本溢出来控制文本：
我的问题是如何让字符串类型1显示为第一个图像，而字符串类型2显示在文本溢出css中。
提前感谢你的帮助！！
table class="table">
<thead>
<tr>
浏览 2提问于2016-07-22得票数 0
回答已采纳
我在GWT应用程序中有一个EditTextCell字段。比方说，其中的字符串是：
你好堆栈溢出世界
如果字段值超过确定的字符(例如10个字符)，我希望删除视图中的文本，例如：
你好斯塔克..。
但是在编辑时，它应该在文本框中显示全部内容。
有什么想法吗？
浏览 5提问于2011-11-16得票数 0
1回答
隐藏带有溢出的文本块的开头:隐藏
、、、、
我有一个div元素，它对里面的文本来说太小了。我希望溢出被隐藏，但我希望div中的文本成为文本块的“底部”，即显示句子的结尾和隐藏句子的开头。
如果我能得到一个省略句，而不是一个普通的省略句的结尾，那就更好了：
猫跳了过去..。
我想在街区的乞讨处找个妓女。
|...over高高的栅栏
有人能帮我吗？
浏览 4提问于2014-11-16得票数 1
回答已采纳
我有一个jqgrid，其中一些单元格有大量的内容。似乎jqgrid的默认设置是隐藏溢出，并且不让文本换行(如果需要)。有没有办法让jqgrid单元格根据需要进行扩展？
浏览 0提问于2009-11-18得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
