2回答
有没有像-o-ellipsis-lastline这样的谷歌Chrome浏览器？
我正在构建一个Chrome扩展，并希望使用CSS省略多行文本。
浏览 10提问于2012-06-06得票数 5
1回答
我需要一个多行省略角度指令，我可以在x行后有省略号，只有当文本超过x行时才有条件地显示更多/更少的链接。
下面是我的指令
angular.module('app')
.directive('expandableDivContent', expandableDivContent);
expandableDivContent.$inject = ['$timeout', 'jQuery'];
function expandableDivContent($timeout, $) {
浏览 1提问于2016-06-17得票数 1
我使用<textarea>显示多行。我想使用"white-space:nowrap" and "text-overflow: ellipsis"来约束每一行要用“.”显示在一行中。在最后。下面是我设置的css样式，但“省略号”不起作用。
display: block;
width:400px;
height:20px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
有办法在标签上这样做吗？
浏览 5提问于2016-12-01得票数 7
回答已采纳
1回答
假设我有一个包含一定数量文本的Label、Button或TextArea对象。默认情况下，放入这些对象中的文本会自动换行到下一行。有没有办法禁用它？我知道CSS属性
overflow : hidden ;
将停止显示滚动条。但是有没有办法阻止文本转到下一行呢？
我希望是这样的，如果我有一个字符串，它比它所在的对象“宽”，它将简单地写出该字符串到该对象可以包含的极限，而不是将其换行到下一行？有人有办法做到这一点吗？
谢谢。
浏览 7提问于2010-02-22得票数 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
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
我有一个<p>标签，它有一个特定的宽度和高度。
如果标记中的文本太长，我想使用text-overflow:ellipsis来获取...。
这个问题可以用css在多行文本上解决吗？
浏览 75提问于2011-07-04得票数 65
我有这个css代码
h2 {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: $font-size*$line-height*$lines-to-show; /* Fallback for non-webkit */
margin: 0 auto;
font-size: $font-size;
line-height: $line-height;
-webkit-line-clamp: $lines-to-show;
-
浏览 15提问于2017-06-23得票数 5
我正在尝试一个div元素，当我在其中插入一个文本时，div元素的CSS样式可以将一个长文本分成多行，而且当它达到div高度时，最后一行的末尾会出现省略号(...)
我的div有一个以像素为单位的静态高度和宽度。我的问题是，我尝试过使用"overflow-wrap:break-word"，省略号不起作用，但是没有它，省略号可以工作，但是div只有一行，我想要多行，而不是一行。
<div style="overflow:hidden;white-space:no-wrap;text-overflow:ellipsis;overflow-wrap: break-word
浏览 0提问于2020-05-19得票数 0
2回答
为什么这么难做到：
具有多行文本的固定高度DIV
如果文本对此框太长，请显示“.”在最后
别打断我的话！
下面的显示了一个演示。
问题
我该怎么做“.”也出现在火狐，IE，边缘和Safari？它目前只适用于JSFiddle中的Chrome (参见JSFiddle css)。
我怎样才能确保只有空格被削减，而没有文字？
怎样才能只使用CSS来完成这个任务呢？
示例
第二个方框切割单词abcdefghijk，我希望它在第二个单词之后剪短，然后添加“.”
.truncate {
border-width: 1px;
borde
浏览 6提问于2016-02-01得票数 6
1回答
在段落中为省略号创建空间
、、、
我使用CSS样式创建带有省略号的多行截断。
这是密码
.multiline-ellipsis {
/* hide text if it more than N lines */
overflow: hidden;
/* for set '...' in absolute position */
position: relative;
/* use this value to count block height */
line-height: 1.2em;
/* max-height = line-height (1
浏览 1提问于2019-02-01得票数 0
我知道可以设置MaximumSize来防止标签调整窗体的大小，但是如果有必要也可以剪切文本吗？
例如，如果将句子Hello, my name is Dave.传递给标签，使其宽度大于最大值，我希望它显示Hello, my name is...。谢谢。
浏览 4提问于2014-01-06得票数 0
回答已采纳
根据我对的理解，在使用TextFormatFlags.EndEllipsis时，文本应该被裁剪以适合显示矩形，并替换为省略号：
EndEllipsis修改后的行删除修整行的末尾，并用省略号替换它们。
当使用TextFormatFlags.WordEllipsis时，文本应该被裁剪到显示矩形内的最后一个字，并添加一个省略号：
WordEllipsis相对应的行与最近的单词保持一致，省略号放在修整行的末尾。
然而，我似乎找不到这两者之间的任何区别。
下面是我的测试控件的代码：
public partial class UserControl1 : UserControl
{
浏览 9提问于2016-04-14得票数 3
回答已采纳
4回答
限制标签中的字符数
、、、、
我在winform中使用了label。它显示我在另一个文本框中输入的值。我的问题是标签不能显示我在文本框中输入的整个字符。Label的大小是width=160和height=19，所以它会截断最后一个值。出于测试目的，当我在文本框中输入大写字母"W“时；标签最多可以显示13个”W“。因此，我使用labelname.substring(0，10)修剪字符；对于接下来的三个字符，我将附加3个点(...)但这种解决方案对我的学长来说并不可取。他告诉我，如果我在文本框中输入所有小写字母"l“，那么尽管label有空间显示超过13个字符，但它将只显示13个字符(包括点)。有人对此有解决方
浏览 1提问于2011-04-16得票数 2
回答已采纳
1回答
我有这样的功能：
result = myfunc(arg1, ...
arg2, ...
arg3);
我想评论一下arg2，并加入一些其他的内容：
result = myfunc(arg1, ...
% arg2, ... <-- I get a red squiggly underline at the last dot
arg2b, ... <-- and under arg2b
arg3); <
浏览 0提问于2016-05-27得票数 5
回答已采纳
2回答
我试着用：
CSS3中的文本溢出省略功能(但不支持多行)
几个jquery插件，如dotdotdot ()
JQueryauto省略()。
所有这些工具都运行得很好，但是如果内容中有图像，则用dotdotdot或jquery.autoellipsis计算的截断高度是错误的。
我只是想知道是否有人有一个很好的想法来处理这个问题(也许是一些服务器端的处理?)，谢谢预先:-)。
浏览 5提问于2012-01-05得票数 6
我试图在剑道网格中显示长值的省略号。根据telerik论坛，我需要在css中设置折叠。
.k-grid td
{
overflow: hidden;
text-overflow: ellipsis;
}
我试图在网格的数据库事件中设置样式，如下所示
var grid = $("#kendoGrid").kendoGrid({
columns: columnConfiguration,
dataBound: function (e) {
$("#kendoGrid td").css("overflow", "
浏览 3提问于2014-07-23得票数 4
回答已采纳
我有一个受限大小的<div>，我想在其中放一个多行文本，但是如果它要溢出，我想放一个“.”最后用一个链接查看另一个页面上的全部内容。
这在Javascript/CSS中是可行的吗？我试着搜索了一下，但我不知道该找什么。
嗯--看起来有一个CSS text-overflow: ellipsis;，但我想我不能在省略号上放一个链接。
非常接近，但是在某些情况下，如果它刚刚开始溢出，那么只有一部分省略号出现。
库要求:我可以使用jQuery (有点勉强)，更喜欢不依赖框架的跨浏览器解决方案。
浏览 1提问于2015-12-29得票数 8
回答已采纳
1回答
当我们有多行文本时，我们需要显示字符省略(即显示文本为裁剪)。
当内容大于多行textblock (即TextWrapping设置为Wrap)的宽度时，TextBlock显示尾随省略。
但是我们有一种情况，我们只需要用省略号显示一行，第一行的文本宽度是否大于文本块的宽度。
例如，考虑以下示例文本
String str = "1\n2\n3456\n45889";
textBlock.Text = str;
TextBlock应该显示如下所示：
1...
ToolTip将显示整个文本。我试着研究一下这些可能性，但找不到多少帮助，我想知道社会上是否有人遇到过这样的情况，或者
浏览 4提问于2014-11-14得票数 1
我必须在UI上做省略，我的问题是是否在客户端或服务器上做省略我的团队成员建议的side.One解决方案是在服务器端，以计算字符的数量(通过计算W的宽度)，然后服务器端将发送适当的字符，但问题是，如果我们没有W，省略发生在行的中间。我们必须在两条直线上做椭圆。请推荐最好的方法。
致以敬意，深情
浏览 3提问于2016-03-08得票数 0
4回答
我正在尝试构建一个具有多行textfield的组件。如果输入的文本超过2行，那么我想添加省略号(.)因为文本溢出。
如何通过操作css仅显示显示的省略号，而不修改将存储为“.”的实际文本来实现这一点？
我正在使用这个React组件
谢谢
浏览 2提问于2018-11-05得票数 12
回答已采纳
3回答
我想提供一些小的格式回复信息，如果它们对于放入的容器div来说太长，它们会消失在省略号中。我想提供一个视觉指示，有更多的文本，如果用户遵循链接到文章。我不想使用椭圆图像，但如果需要，我可以使用jQuery。如果可能的话，我更倾向于完全使用CSS3。
我发现text-overflow:省略号属性/值，与overflow:hidden和空格:nowrap相结合，允许单行版本，但是多行呢？在我的情况下。
这些或另一个属性/值对是否允许在严格的CSS中完成此操作？
任何帮助都是非常感谢的。
浏览 1提问于2012-05-17得票数 1
回答已采纳
1回答
省略对MUI文本框的影响
、、、
如何在MUI文本框中添加省略效果？他们有一个文本包装的多行选项，但是我想要一行，就像您可以使用<Text numberOfLines={1} ellipsizeMode='head'>long long long long text<Text>那样包装文本。
参考文献：
浏览 11提问于2022-08-17得票数 6
回答已采纳
我想修剪材料输入占位符消息与省略号，但css会被应用到标签上。
我能够成功地将css应用于材料输入，当material field外观设置为标准时，我们没有标签。但是，当它设置为大纲时，css就会被应用到标签中。
我有以下html和css代码：
.myFormField {
display: block;
width: 100%;
.mat-form-field-infix {
.mat-input-element {
&:place
浏览 0提问于2022-10-13得票数 0
是否可以检查Kendo Grid的单元格是否包含调整大小的省略号，以便显示工具提示？省略号是通过CSS声明的。
谢谢。
浏览 3提问于2013-04-22得票数 2
回答已采纳
1回答
为复制/粘贴提供替代文本
、、、、
我很确定我以前做过这件事，但是我找不到任何关于它的文档。我发现这个问题很难研究。
我想在屏幕上显示一点文字的一个版本(A)。但是，当文本被复制时，另一个版本的文本(B)实际上被复制到剪贴板上。实际上，A和B可能非常相似，但是技术应该允许A和B是完全不同的字符串。
例如，如果我使用<div>向用户显示以下内容：
<div>This is a really long...</div>
...and用户选择div并在其上发出一个“拷贝”，我希望放在剪贴板上的文本是：
This is a really long bit of text that is too lar
浏览 2提问于2015-03-28得票数 0
我使用jQuery来显示子导航菜单，这些菜单在将鼠标悬停在主导航链接上时出现。这在Chrome、Safari、Firefox上运行得很好，但在IE6和IE7中，它不包括换行超过一行的子导航菜单上的额外高度。
例如，一个菜单有三个子导航链接。其中一个链接太长，因此它换行为两行。当我将高度放入alert()中时，它只显示包含UL的78像素高，而Firefox和webkit浏览器显示的高度是92像素。
有没有人知道如何让IE从占用多行的链接中获得所需的额外高度？
下面是我获取高度的方法：
var $subnav = $(this).find("ul.subnav"),
sub
浏览 1提问于2011-02-15得票数 0
回答已采纳
我在网上找不到。如果有类似于我的问题的联系，请告诉我。
我想实现样式，如窗口图标和文件名在HTML使用CSS。检查附加图像。在下面的例子中，文件名是长的，里面没有空格，但是它显示得很好。
文件名：robot_circuits_computer_technology_desktop_1680x1050_hd-wallpaper-967920.jpg
我尝试使用不同的值和不同的属性组跟踪css属性。
文本溢出:省略；
溢出:隐藏
宽度: xxpx；
空白:现在；
单词包装:断词；
浏览 3提问于2014-02-09得票数 2
我目前正在使用VB中的DataGridView，通过启用换行属性和在单元格内分隔的文本之间插入'Environment.NewLine‘，我可以在单个单元格中使用多行文本。这可以很好地工作，但我正在尝试看看是否可以在单元格中的行之间获得更多空间，而不必添加另一个空行。当添加另一行时，似乎空间太大。我的目标类似于Word或Google Docs中行间距的工作原理。有什么建议吗？ 谢谢!
浏览 42提问于2021-08-04得票数 0
我有以下CSS代码；
同样的问题被报道为在不同的问题上，但没有回答它。
span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
white-space: nowrap\9;
overflow: hidden\9;
display: inline-block;
line-height: normal;
width: 83%;
width: -webkit-calc(100% - 65px);
width: calc(100% - 6
浏览 0提问于2014-11-21得票数 0
2回答
截断列表元素中的长文本
、、、
我正在做一个带有面包屑导航的响应式网站。
当breadcrumb导航太长而不能在一行中显示时，应该使用一些省略号截断它。
到目前为止，我发现的所有与此相关的解决方案似乎都依赖于多行文本，或者在文本太长而无法包含元素时将其截断。
基本上，我的代码如下所示：
main {
max-width: 600px;
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}
nav.breadcrumb {
width: 100%;
padding: 0 2em;
}
浏览 1提问于2015-01-23得票数 0
1回答
如何在IOS中禁用自动省略
、、、、
我目前正在开发一个web应用程序，其中的一部分是从API中显示每个位置的描述。我有它，所以它显示整个描述，无论它有多长。当我在开发者模式下运行应用程序时，甚至当我将它部署到firebase时，它都能正常工作，无论它有多长，它都会向我显示描述。在我的手机(安卓)上测试过，效果也不错，但是一个同事在他的iPhone上试用了一下，几行之后就显示了applies text-overflow: ellipsis;，因此没有显示字符串的其余部分，而是用一个省略号代替了它。我没有找到太多关于这个问题的信息，所以我想问一下是否有任何相关的信息网站来解决这类问题，如果有人知道如何在IOS设备上禁用这个CSS属性
浏览 24提问于2021-06-03得票数 0
我这里有点CSS问题。
在这张图片中，我为课文“紧张训练”添加了CSS样式。
.sample-style{
width: 100%;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap; }
问题是当我加上
text-overflow: ellipsis;
它显示的是顶部有两个点的大O，而不是“.”。有人能告诉我这是怎么回事吗？我在我的另一个项目中尝试了这段代码，它起作用了。
这是我的标记：
<div class="panel radius panel-click&
浏览 2提问于2014-06-19得票数 0
回答已采纳
考虑一个文件test.sci，它包含两行代码中的一条指令
a = 1 + 2
+ 3;
执行它时(File->Execute)，Scilab输出
a = 3
好像第二行已经被注释掉了。换句话说，这就是scilab所看到的：
a = 1 + 2;
// + 3;
然而，有时保持代码的可读性对于在多行中编写指令是很重要的。如何使用scilab做到这一点？
PS:我使用的是Scilab v5.5.2。
浏览 0提问于2017-10-13得票数 0
1回答
我有一个页面，我们使用SVG来呈现序列图。表示的一些数据有时可能很长，因此我想限制TSPAN元素的宽度并提供省略号，同时允许用户在文本上悬停并显示全文。
最初，我试图结合文本溢出属性使用CSS，方法是将值设置为“省略”，这正是我所要寻找的行为，但它没有可用的功能(大缓冲器)，还有其他方法来限制文本的长度，并允许在诸如悬停这样的操作上显示全文吗？
浏览 0提问于2013-10-07得票数 4
回答已采纳
1回答
我正在开发一个时间表应用程序，我希望Activity_Date只显示开始，因为它是通过日期和时间。但是当我使用这个代码时，它减少了时间，但显示了一个省略号，任何帮助摆脱省略号的人都将不胜感激，谢谢。
css：
.mydate{
white-space: nowrap;
width: 6em;
overflow: hidden;
}
html：
<ion-content>
<ion-refresher on-refresh="doRefresh()"></ion-refresher>
<div
浏览 4提问于2016-04-13得票数 1
2回答
我正在Sailthru上开发一封HTML电子邮件，我想知道是否有一种方法可以截断一个长项目的标题？如果超过15个字符，则显示前15个字符，然后添加省略号？
我已经看了开发人员的手册，但在这方面找不到任何东西。让我知道在哪里，如果我能找到任何关于这个的信息。
我现在有的是这个
{if length(item.title) < 15}{item.title}{/if}
{if length(item.title) > 15}{item.title=slice(content, 0, 14)}{/if}
浏览 29提问于2018-04-10得票数 0
4回答
我知道有很多类似的问题，我读过很多答案，但没有一个是我想要的。我几乎都试过了。下面是我的尝试(我为每次尝试设置了ellipsize=end )：
singleLine=true (works)lines=1 (非work)maxLines=1 (不工作)将textView的宽度设置为特定值(非work)ScrollHorizontally=true (非工作))
只有第一个工作，但我想要多行文本，而不是一行。
还有其他方法来达到这个目的吗？
如有任何帮助，将不胜感激。
编辑：
下面是我的xml布局(在尝试2中)：
<androidx.constraintlayout.widget.Con
浏览 7提问于2020-07-27得票数 1
回答已采纳
1回答
两行下拉菜单
、、、
嗨，我在创建一个带有下拉菜单的导航栏时遇到了一些麻烦，我只需要一行中的所有信息，但我的菜单名称和箭头不在同一行上。
创建一个CSS元素：.dropdown-toggle::after{display: inline-block;}
我的导航栏是这样的：
我尝试了我在Bootstrap网站上找到的大多数下拉/导航栏的例子，但每次我都有两行显示的结果。我如何解决这个问题，使我的标签和箭头在同一行？
浏览 1提问于2020-04-15得票数 0
1回答
我正在尝试使用javascript和在多行中添加省略号。除了文本宽度与单元格宽度相同的一种情况外，它适用于大多数情况。在这种情况下，我无法不添加省略号。所以我也需要检查一下宽度。
while ($(this).height() > 60) {
$(this).text(function (index, text) {
return text.replace(/\W*\s(\S)*$/, '...');
});
}
浏览 2提问于2014-06-26得票数 1
1回答
我必须将文本换行转换为两行，如果文本超过两行，则会添加椭圆。
目前它被包装在多行和视图中，看起来很奇怪。
到目前为止，我在css中所做的工作：
<div class="list card item-text-wrap" ng-click="getNewsDetail(new)">
<a class="item item-thumbnail-left" href="#">
<img src="http:{{new.t
浏览 0提问于2016-04-06得票数 0
我有一个改变文本的标签，我希望它是固定长度的单行。每当文本长度超过标签长度时，我希望它显示符合"...“的任何内容。在最后。例如：
Some Very Long Text
将如下所示：
Some Very Lon...
有人知道怎么做吗？
浏览 0提问于2013-03-11得票数 10
回答已采纳
我希望添加一个省略号"...“在<div>内的文本末尾，是否可以使用CSS？
我知道text-overflow: ellipsis;，但我并不打算截断文本。我只想要"...“在正文的末尾。
浏览 17提问于2019-11-28得票数 1
回答已采纳
1回答
示例：
Log To Console This is the first argument This is the second argument This is the third argument
如何用多个短参数来打破一条线呢？
我试着使用\或只是打破线条(没有使用任何特殊的字符)，但它没有工作。
编辑:为了澄清-我想提供多行关键字的参数。我想物理地将一长行源代码分割成多个短行。
浏览 0提问于2018-06-27得票数 5
回答已采纳
在我的web应用程序中，我需要在部分框中显示选定的文本如果我选中了许多名称，我需要在另一行中显示文本。有人告诉我是否可以这样做。我需要在选择框中显示所有选中的项目。
我得到了像一样的结果。但我需要在selection box.How中显示所有选中的项目我可以这样做吗？
.aspx：
<asp:DropDownCheckBoxes ID="dropdown1" runat="server" AddJQueryReference="true" UseSelectAllNode="true" UseButtons="
浏览 1提问于2016-09-26得票数 0
2回答
未显示div的背景img。使用FireFox开发工具，并显示无法加载图像。但是，如果我使用img标记链接到图像，它可以很好地工作。我宁愿使用background属性在css中显示图像。对于我的文件结构，我将img，css和js文件夹嵌套在我的项目文件夹中。当我在一个css文件夹中尝试链接到另一个文件夹中的文件时，路径是否有问题？
@charset "utf-8";
/* CSS Document */
.container {
}
.hero {
background: url('img/15827396293_fc1e0f749d_o%20(2).jpg
浏览 5提问于2015-05-05得票数 0
1回答
我有一个固定高度的div，并希望显示一个视图字段。当内容溢出div时，我希望使用elipsis来获取更多信息。
CSS可以处理和隐藏溢出(溢出文本可以处理一行)，但是我必须估计每一行的行数，因为单词可以是任意长度。当然有或没有智能装饰模块的视图可以处理单词或字符，但我需要估计行数，或者，理想情况下，我希望根据div的最大高度进行修剪。
智能装饰维护人员建议使用CSS库可能有助于解决问题，但并不能解决问题。
我认为基于高度的视图文本溢出是一个常见的问题。
浏览 0提问于2015-09-09得票数 2
对于大型(2000+条目)表，我使用带有引导和jquery的站点上的数据表。有些(文本)值太长了，现在我使用如下内容：
render: function ( data, type, row ) {
return data.length > 35 ?
data.substr( 0, 35 ) +'…' :
data;
}
在Datatable中，剪切字符串并在html标题中显示全部值。
浏览 6提问于2016-07-13得票数 3
回答已采纳
1回答
我正在尝试使用CSS限制标签可以显示的字母的数量，就像YouTube上的标题一样。我正在查看样式，但看不出他们是如何做到的，也看不出他们是否使用了JS。谢谢
浏览 0提问于2014-04-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
