使用CSS将文本截断到下一行

文章/答案/技术大牛

发布

1回答

css

我有一个盒子，在图像中看起来像这样我想截断文本，以便在下一行中可以看到下一个单词。如下所示：我正在使用：text-overflow: ellipsis; 但与省略它来ABCD DESB耳朵E..。有没有办法把它带到下一行？

浏览 20提问于2020-02-14得票数 0

回答已采纳

1回答

如何将标签、按钮或TextArea保留为一行？

javascript、html、css、gwt

假设我有一个包含一定数量文本的Label、Button或TextArea对象。默认情况下，放入这些对象中的文本会自动换行到下一行。有没有办法禁用它？我知道CSS属性将停止显示滚动条。但是有没有办法阻止文本转到下一行呢？我希望是这样的，如果我有一个字符串，它比它所在的对象“宽”，它将简单地写出该字符串到该对象可以包含的极限，而不是将其换行到<

浏览 7提问于2010-02-22得票数 1

回答已采纳

1回答

如何在div元素中安装label元素

css、html、label、shrinkwrap

标签会被动态更改，有时它里面的文本超出了div的边界。有一个例子：white-space: nowrap如果您滚动并尝试在div的蓝色背景结束后选择一些内容，您可以看到标签超出了div。还是有满足的。编辑：我并不是想缩小文本，而是要显示它的部分内容，让我们说的是文本的乞讨。我不是试图改变字体的大小，我只是想显示适合于div的文本部分。

浏览 5提问于2014-03-05得票数 1

回答已采纳

1回答

表格行宽于电话宽度

android、android-layout

我有一个TableRow，其中一列中有相当数量的文本。此文本导致表格比电话的宽度更宽，因此数据的右侧被截断。我想把文本换行到下一行，但是我不知道怎么做。我尝试将singleLine=设置为“false”，但似乎没有任何效果。或者，我可以截断数据，但似乎也没有很好的方法来实现这一点。

浏览 2提问于2011-07-12得票数 0

回答已采纳

1回答

多行文本省略的Flexbox

html、css、flexbox

我一直在使用空格:无包装、文本溢出:省略和溢出:隐藏的CSS属性来创建多行文本的省略截断。然而，当使用flexbox时，这是行不通的。当使用flex时，文本溢出:省略似乎总是将flex项的高度截断为一行。对于多行文本，可以使用flex和css省略截断的一些组合吗？className="flex-item"&

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

2回答

如何保持输入:复选框和标签在同一行？

html、css、line-breaks

两个问题：如何将文本保持在与复选框相同的行上，而不管其长度如何？如何截断文本(请参阅下面的标记--我使用的是white-space: nowrap;和overflow-x: hidden;)？如果我把input和a标记放在一个span中，我就会得到同样的行为-- a标记从下一行开始，它的文本会向右溢出。考虑到还有其他一些关于截断锚文本的S/O文章，为什么要删除这个规

浏览 0提问于2018-09-24得票数 0

1回答

如何在react-native中创建带有文本的进度条

react-native

我试图让一个文本在视图中显示可变的背景颜色宽度，这取决于完成了多少百分比。问题是文本总是被切断。例如，如果我想用灰色填充20%的宽度，我编写了如下所示的代码，但文本被截断了。如果我删除numberOfLines={1}，文本不会被截断，但文本会继续到下一行。我正在尝试将文本显示在一行中 <View style={{margin: 15}}&g

浏览 14提问于2020-08-14得票数 0

回答已采纳

1回答

do "cat /dev/null > logfile.log“之后的虚拟文件大小

linux、bash、shell、unix、suse

然后我尝试使用"cat /dev/null > logfile“。事实上，它是有效的！但有一种奇怪的行为我无法理解。清除文件后立即将大小显示为0字节，但经过一次修改后，大小返回到以前的值。

浏览 0提问于2013-11-15得票数 1

回答已采纳

2回答

TMemo属性行中字符串的最大长度

delphi、tmemo

我有一个文本文件，其中包含分隔的/ csv数据，长度约为2000个字符。在处理文件之前，我使用备忘录预览它。memo.Lines.LoadFromFile(textFile)；但是，如果我使用TStringList加载文件，当行超过10

浏览 5提问于2009-09-02得票数 6

回答已采纳

1回答

查找截断文本的JSP标记

jsp、jsp-tags

有没有现成的JSP标记可以将文本截断到给定的长度，而不会打断中间的单词。取而代之的是找到下一个空间。例如：- text = "aaa bbb ccc“-截断文本为5= "aaa bbb...”-截断文本为2= "aaa...“ 干杯

浏览 2提问于2011-05-26得票数 0

1回答

表达式混合中的Wpf按钮文本

c#、wpf、text-size

通常，如果我在C#窗体中使用按钮，如果按钮文本太长，它会转到下一行。(例如，Happy，Happy转到下一行)。但是当我在expression blend中使用wpf应用程序时，即使我将自动大小设置为false，文本也会被截断。(例如，非常快乐，快乐将被截断)。任何建议都将不胜感激。谢谢。

浏览 1提问于2010-07-21得票数 0

回答已采纳

3回答

处理CSS文本溢出

html、css、expressionengine

然而，有些标题很长，会换行到下一行，或者被删掉。我增加了li元素的高度以允许两行，但看起来不是很好。应该只有一行。CSS有没有办法改变它的长度，或者让它不突然被截断？我尝试过文本溢出，但我的Mozilla Firefox无法识别它。我可以更改标题，但这样页面标题就不完整了。

浏览 3提问于2015-04-09得票数 1

1回答

如何在使用table_print gem时包装列标题的文本

ruby-on-rails、ruby

我的表中没有几个大列名，它们被截断并且没有完全显示。它们被显示为AVERAGE_COMPLETED_TASKS_PER_...，而我希望将文本包装到下一行，而不是被截断。

浏览 1提问于2016-05-02得票数 0

1回答

从元素中删除截断样式

html、css

我有一个文本需要被截断(h4标记)，另一个文本("a“标记)不能被截断，但总是显示在与h4文本相同的行上。我尝试将h4标记包含到div中，并在div上添加截断文本的样式，但是这样链接将显示在h4文本下。因此，问题是我需要截断h4文本，而不是截断链接，而是将链接显示在同一行中。CSS

浏览 2提问于2015-07-20得票数 1

回答已采纳

3回答

使用CSS生成省略号和“阅读更多”链接

javascript、html、css

更新它与这个问题不同，因为它不仅要求文本截断；正如我所提到的，我已经使用进行了文本截断。相反，它要求只有在文本被截断时才有“阅读更多”链接(如果可能的话，只使用CSS )。目前，我使用在文本溢出时生成省略号(当它不能放入一行时)。但是，现在我还想在发生溢出时在行尾包含一个“阅读更多”链接，单击该链接将显示多行中的所有内容。只有CSS才能做到这一点

浏览 10提问于2016-02-08得票数 6

1回答

如何禁用某些字符的TextView自动文本格式？

java、android、text、formatting、textview

我有文本视图与机器人无单字体。最大线长为10个字符。通过这个函数得到它。This.getPaint().breakText(全文，0,100，true，this.getWidth()，null)；例如:如果我有一行：电视是我想要的..。(太多的代码需要做太多的

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

3回答

如何将文本与同一行的不同边对齐

html

如何在不使用CSS的情况下将文本与同一行的不同边对齐？<p align="left">To the left</p>这就是我现在用来将文本对齐到不同边上的方法，但是如果我使用它，它会自动转到下一行我不想在这方面使用<

浏览 1提问于2013-12-31得票数 2

1回答

角材料.带有选择文本截断的列表

css、angular、angular-material

我试图使用的角度材料列表与复选框，但与文本需要截断，而不是文字包装(由于UI空间的限制)。我把这个例子分叉在角质材料的位置上来说明这个问题。文本有点截断，但不是用椭圆或我希望/期待的。css忍者能帮上忙吗？我希望每一行都以“.”结尾在复选框之前。我有文本截断:省略和空白:现在的CSS

浏览 2提问于2022-06-07得票数 0

3回答

多行文本截断

javascript、jquery、html、css

有没有人知道一种干净利落的方法，可以把一段文字截断成两行。这就是我要截断的内容(p元素)：我尝试了各种解决方案，包括clamp.js (在提供的示例中它甚至不能正常工作)我尝试了使用文本溢出的CSS3解决方案，但这些解决方案只截断到一行。所有其他javascript示例都<e

浏览 1提问于2012-02-12得票数 0

回答已采纳

6回答

如何在由框架创建的<input>标签中不截断地显示文本

javascript、jquery、angularjs、autocomplete、angular-material

我使用的是，其中有一个具有自动补全字段的表单，为此，我使用了，它使用了在内部呈现文本字段。我对此有一个问题。只要文本比字段的宽度长，我就希望它换行，这样它就不会被截断，并显示在下一行中。但是对于<input>，没有办法设置样式，这样溢出的文本就会显示在下一行(我知道md-autocomplete区

浏览 0提问于2015-11-03得票数 21

点击加载更多