text -overflow:悬停时使用省略号滚动文本
text-overflow:悬停时使用省略号滚动文本是CSS中的一个属性，用于在文本溢出容器时显示省略号，并在鼠标悬停时滚动显示完整文本。
该属性常用于处理长文本在有限空间内显示的情况，以提供更好的用户体验。
该属性的取值有以下几种：
- clip：默认值，文本溢出容器时直接裁剪，不显示省略号。
- ellipsis：文本溢出容器时显示省略号。
- fade：文本溢出容器时使用渐变效果隐藏文本。
- initial：使用属性的默认值。
- inherit：继承父元素的属性值。
应用场景： text-overflow属性常用于表格、列表、卡片等容器中，用于显示长文本的标题或描述，以保证内容的完整性，并提供更好的用户体验。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与前端开发和文本处理相关的产品：
- 腾讯云对象存储（COS）：提供了高可靠、低成本的对象存储服务，可用于存储和管理文本、图片、视频等各种类型的文件。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：通过在全球部署节点，加速静态资源的传输，提供更快的访问速度和更好的用户体验。产品介绍链接：https://cloud.tencent.com/product/cdn
- 腾讯云文字识别（OCR）：提供了多种文字识别能力，包括身份证识别、银行卡识别、车牌识别等，可用于处理文本内容。产品介绍链接：https://cloud.tencent.com/product/ocr
请注意，以上推荐的产品仅代表腾讯云的一部分云计算产品，更多产品和服务请参考腾讯云官方网站。
相关·内容
我试图得到一个滚动条，将看不见时，不需要，但不会挤压的内容时，它是必要的。auto以一种糟糕的方式与text-overflow: ellipsis交互，以至于即使文本没有溢出max-width，最长的行也会被省略。
下面是一个示例：
overflow-y: auto会挤压内容，并在滚动条出现时显示省略号。overflow-y: scroll没有这个问题，但是滚动条总是可见的。滚动条使div变宽，而不是占用div内的空间并挤压文本。
如何才能在不挤压文本和在滚动条出现时得到不需要的省略号的情况下具有overflow: auto的优点？我真的很想避免Javascript，所以请不要使用脚本。
浏览 0提问于2014-02-17得票数 3
1回答
当文本被overflow: hidden属性剪裁时，我正在寻找一种向用户提供一些反馈的方法(例如。在文本末尾显示省略号或箭头，或使其具有不同的颜色)，以便用户知道何时可以在元素上悬停以显示更多内容。
我现在要说的是：
注意第二个图像的行为。
我不希望文本被不同的样式，只有当它是长的，以适合在框有限的max-height。
这在纯css中是可能的吗？
我一直在和text-overflow玩，但运气不好。
浏览 1提问于2016-02-25得票数 2
回答已采纳
3回答
我尝试了在许多地方使用的悬停滚动条风格，但遇到了一个问题。悬停时滚动条的出现会导致文本跳转，这看起来很不和谐。
#scroll {
width: 200px;
height: 200px;
overflow: hidden;
}
#scroll:hover {
overflow-y: scroll;
}
这个显示鼠标悬停时的跳转文本，我能以某种方式阻止文本跳转，同时保持滚动条的外观悬停吗？
浏览 1提问于2012-11-20得票数 3
回答已采纳
2回答
我想将额外的文本设置为三个点(...)省略号，当我单击这些点时，文本应该会展开和收缩。但使用代码时，文本只会被压缩，而不会在点击点时展开
.overflow{
display:inline-block;
width:180px;
white-space: nowrap;
overflow:hidden !important;
text-overflow: ellipsis;
}
HTML代码
<div class="overflow" innerHTML="{{ post.review_
浏览 58提问于2019-03-26得票数 2
回答已采纳
1回答
如果容器内的内容溢出容器，我希望在鼠标悬停容器时显示滚动条。
以下代码在chrome中运行良好，但在firefox中不工作，因为它不支持覆盖属性。
<style type="text/css">
.container {
overflow:hidden;
}
.container:hover {
overflow:overlay;
}
</style>
<div class="container">
contents
</div>
我尝试在悬停时使用overflow:auto，但当鼠标悬停时，它会改变容器内文本的
浏览 1提问于2022-08-27得票数 0
回答已采纳
1回答
我有一个问题，text-overflow: ellipsis没有在Internet中工作时，有一个文本分隔行。
在Firefox和Chrome中，两行文本都用省略号截断。在Internet中，第一行被省略号截断，第二行只在右边截断。
这是我的代码：
.text-wrapper {
border: solid 1px #C2C2C2;
padding:10px;
}
.text-wrapper p{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
<div class="te
浏览 4提问于2016-01-13得票数 3
回答已采纳
我有一个固定宽度的div，它有一个里面有文本的div。文本的某些部分在span中用于着色。文本div具有所有必要的文本样式-末尾带点(省略号)，但是这些点不继承span的颜色，因为它们的定义在div上。当我将定义放到span上时，它忽略了其父元素的宽度。
测试代码：
.container {
width: 120px;
}
.text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.color {
color: #b02b7c;
}
<div class="con
浏览 1提问于2014-02-19得票数 43
回答已采纳
1回答
因此，我试图将word-break与text-overflow结合起来，这在某种程度上是可行的，但却没有达到应有的效果。
例如，我设置了这个
CSS：
width: 200px;
padding: 8px;
border:1px solid blue;
word-break: break-word;
height: 100px;
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
为了澄清，一旦文本被分割成各个部分，它应该填充方框，在文本的末尾应该有3个点。目前，只有一个单行它的工作。
浏览 7提问于2012-12-15得票数 6
回答已采纳
我有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
5回答
当悬停在链接中被截断的文本上时，如何完全删除显示的默认浏览器工具提示？
文本被截断是因为css省略规则：
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
当我将这些规则应用于固定宽度的div时，我会得到html工具提示。(只适用于Safari，而不是火狐或Chrome。)
这是。
我试着添加一个JS preventDefault并添加一个空的title属性，但是这些都不起作用。
浏览 19提问于2014-01-07得票数 13
回答已采纳
我希望添加一个省略号"...“在<div>内的文本末尾，是否可以使用CSS？
我知道text-overflow: ellipsis;，但我并不打算截断文本。我只想要"...“在正文的末尾。
浏览 17提问于2019-11-28得票数 1
回答已采纳
我试过了：
.listItem {
text-overflow: ellipsis;
}
.listItem:focus {
color: red;
text-overflow: none !important;
}
但这对文本溢出没有影响，尽管它确实会将颜色变为红色。想法？
浏览 0提问于2011-11-17得票数 2
回答已采纳
我第一次不得不使用text-overflow: ellipsis属性(ASP.使用Bootstrap和Kendo的MVC 4应用程序)。除了我在运行IE11的Win 8.1机器上查看页面时，长文本根本没有被截断，因此布局被破坏之外，一切都像预期的那样工作。问题是，当我在我的开发机器(Win 7)上查看IE11 (相同版本)上的相同页面时，它工作得无懈可击。它在Chrome和Firefox上也运行得很好。
我尝试设置和删除其他属性(white-space: nowrap、overflow: hidden、ms-text-overflow、width, display: block)，但都无济于事
浏览 1提问于2014-03-25得票数 0
2回答
我有一个可以滚动的div名称，每当我将鼠标悬停在它上面时，我希望滚动仅限于这个div，这样在到达div的顶部/底部后，滚动就会粘在div上。我使用了以下代码：
<div class="scrollable" style="overflow-y: scroll; height: 2px;"
onmouseover="document.body.style.overflow='hidden'"
onmouseout="document.body.style.overflow='auto'"
浏览 6提问于2016-02-01得票数 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
回答已采纳
需要动态添加文本/span，并且仍然通过添加省略号将所有新添加的文本/span保持在单行中；
当我有像2或3这样的较少的文本时，我可以看到完整的文本。但是，仅当动态添加文本/span时；我需要将这些省略号添加到其中，并且仍然在一行中……
我不确定是什么破坏了css……(忽略添加的边框！)
.breadcrumbs {
display:inline-block;
border: 1px solid blue;
width: 600px;
height:25px;
float:left;
}
.crumbs {
width:24%;
text-overflow: e
浏览 0提问于2017-11-10得票数 0
1回答
线夹:无省略线的极限线数
、、、
我试图限制我的文本区域中的行数。我遵循这篇文章：
.class{
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px; /* fallback */
max-height: 32px; /* fallback */
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}
它有
浏览 1提问于2021-05-14得票数 1
2回答
我正在尝试实现一个流畅的宽度表，其中单元格中的文本不允许流到另一行，当它太长时将使用text-overflow:ellipsis。
我尝试了以下测试：
HTML：
<table>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat placerat risus. Maecenas lectus orci, commodo id varius ac, vulputate eget elit. Nunc laoreet feugia
浏览 2提问于2014-07-03得票数 1
回答已采纳
1回答
我对web开发是个新手。在这里，我尝试为标签中标签的span元素添加省略号。
<div class="MuiTabs-scroller MuiTabs-fixed" role="tablist" style="overflow: hidden;">
<div class="MuiTabs-flexContainer">
<button class="MuiButtonBase-root MuiTab-root VIP_tabRoot MuiTab-textColorInheri
浏览 2提问于2020-03-31得票数 1
我有一个包含大量文本和overflow:scroll;的简单<div> 我需要文本自动开始滚动，一旦它出现在页面上，但我似乎找不到一个简单的答案。我相信有一个javascript解决方案。 我见过一些类似的问题，但他们问的是如何在用户输入文本字段时保持文本滚动(这不是这种情况)，或者当用户悬停时如何跳转到内容底部(也不是这种情况)。 这就是我所拥有的： .textContainer {
overflow: auto;
width:260px;
height:250px;
background-color: white;
} <div class="t
浏览 230提问于2019-02-07得票数 0
2回答
我知道怎么隐藏滚动条。但是没有滚动条，我想滚动任何要滚动的东西。
这就是我所做的，它最初是隐藏的，当鼠标悬停时，垂直滚动条显示。
div#LogoStrip{
height:600px;
overflow:hidden;
}
div#LogoStrip:hover{
overflow-y:scroll;
overflow-x:hidden;
}
但是on ，我不想看到滚动条，但仍然希望滚动显示在那里的文本/图像，使用轮子或两个小按钮，一个在顶部，一个在底部。
div#LogoStrip{
height:600px;
overfl
浏览 0提问于2011-11-23得票数 1
回答已采纳
3回答
字幕文本仅在溢出时悬停
、、、、
如果文本不适合它的父组件，我想要在悬停时选取它，否则它不应该悬停。 我能够字幕或滚动的文本时，用户悬停在它上，但我想把条件溢出。 这是我的示例代码： <div class="labelContainer">
<span>The long text should scroll when user hovers on it.</span>
</div>
<div class="labelContainer">
<span>Should Not Scroll</span>
浏览 10提问于2019-01-15得票数 2
回答已采纳
2回答
当我将div悬停时，我会显示滚动条。
问题是每次显示滚动条时都要“跳转”。它向左移动。
是否有一个css技巧来使滚动不像那样跳跃？类似于visibility的行为(节省空间)。
<div class="foo">
<div class="bar">
<div style="display: flex; justify-content: space-between">
<div>im left</div>
<div>im r
浏览 1提问于2021-08-20得票数 0
回答已采纳
3回答
当文本太长时，我想把它隐藏起来，当它悬停在上面时，我要显示它。
问题是，当文本没有溢出时，它也会触发。如何将“如果文本溢出，然后执行翻译，如果文本不溢出，则不执行翻译”作为条件添加？
如果可能的话，我更喜欢css解决方案，而不是javascript解决方案，以避免不必要的复杂性(我每次有文本时都需要使用它)。
PS:解决方案可以是scss标记。
.case {
cursor: pointer;
display: flex;
width: 10em;
height: 3em;
overflow: hidden;
background-color: #444444;
浏览 0提问于2019-05-15得票数 5
回答已采纳
2回答
我有一个包含文本的span。我想将跨度扩展到最大500px，以容纳里面的文本。在达到最大值后，我希望文本显示任何超出最大宽度的文本的省略号。这个是可能的吗？我尝试了以下方法，但这并没有起到作用。
谢谢
{
position: absolute;
top: 13px;
left: 44px;
max-width: 500px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
浏览 1提问于2010-06-03得票数 24
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
我正在努力实现以下目标：
使用以下命令可以很容易地让省略号对一项起作用：
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
然而，在这个例子中，我有两个项目要截断。
其中一个需要在另一个下面。
我遇到的问题是，文本一进入div (这样我就可以应用flex-direction: column)，text-overflow: ellipsis就不工作了，因为它在容器中。
如何用CSS实现上面图片的例子？
浏览 9提问于2019-07-25得票数 0
我不知道这是否容易做到，但我想我应该问一下，以防万一：
我在文本列表中使用以下CSS规则：
{
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
正如预期的那样，任何超出列表的文本都将被截断，并在末尾放置一个省略号。
我只想为那些触发列表上的text-overflow规则的列表项设置一个活动标题属性。因此，您可以将鼠标悬停在任何被截断的文本上，并查看其全文的工具提示。
有些事情告诉我，如果不是不可能的话，这是很难做到的。然而，我希望被证明是错误的。我最好是寻找一个解决方案，使用尽可能少的JavaScr
浏览 11提问于2017-05-17得票数 14
回答已采纳
我希望在引导3导航栏的.navbar-brand文本上使用text-overflow: ellipsis，这样在像iPhone这样的设备上，文本就会被截断，而不是垂直大小增长的导航条。
我还有两个按钮：
<nav class="navbar navbar-default navbar-fixed-top">
<button type="button" class="btn btn-default navbar-btn navbar-left">Back</button>
<a class="
浏览 3提问于2013-10-24得票数 11
对于Sencha文本字段中的文本溢出，我需要省略号而不是文本被剪裁，所以我添加了一些相同的内联样式，但省略号不会出现，文本总是被剪裁，代码添加在下面作为参考
xtype: 'textfield',
label: 'First Name',
name: 'firstName',
clearIcon: false,
style: 'white-space:nowrap;overflow
浏览 1提问于2012-10-29得票数 2
1回答
如何停止将滚动延迟到父滚动条
、、、、
我有一个父容器，它被设置为overflow: auto:，里面还有一个带有overflow: auto的容器。当我将鼠标悬停在子滚动容器上时，我只想滚动该容器，而不是父容器，反之亦然。
但目前，当我向下滚动页面时，父级滚动到子容器，然后开始滚动子容器，然后在子级滚动完成后返回到父级容器。有没有办法防止这种情况发生？
下面是我所拥有的一个示例：
<div class="parent">
<div>Outter text</div>
<div>Outter text</div>
<div>
浏览 0提问于2014-02-22得票数 0
我有一个div里面有一些内容，我希望这个div只在悬停时显示垂直滚动条。我有以下代码：
<div id="scroll" style="width:370px; height:50px;">
lots of plain text inside
</div>
#scroll {
overflow: hidden;
}
#scroll:hover {
overflow-y: scroll;
}
它在Firefox、Opera和Chrome上运行完美，但对于IE 8和9，鼠标悬停时不会出现滚动。有没有什么解决方案可
浏览 0提问于2013-02-14得票数 1
我正在尝试一个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
1回答
我有一只奇怪的虫子
我有一个div #页面，我设置为溢出:滚动，我有身体溢出:隐藏，因为我想防止下拉，并使网站感觉像一个“应用程序”
html,body {
height: 100vh;
min-height: 100vh;
overflow: hidden;
}
#page {
overflow: scroll;
height: 100vh;
width: 100vw;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
伪页
<div #page&
浏览 1提问于2021-05-09得票数 0
2回答
我使用jQuery在悬停div上使用以下滚动文本代码：
HTML：
<div id="target" style="width: 300px;height:100px; margin-left: 50px; background-color: #ddd;">
<span class="tooMuchText tooMuchText1">Got too much text to fit in your content area? Just hover for more more more more more more!
浏览 4提问于2017-01-19得票数 0
回答已采纳
3回答
我在网格中有一个元素，它应用截断‘.’在所有浏览器中，除了IE11。
元素的初始样式是
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis:
white-space: nowrap;
我尝试添加-ms-文本溢出，字包装和显示:阻止无效，以及添加只读在有关的元素。
如何使IE正确地应用截断？
浏览 2提问于2020-07-28得票数 1
回答已采纳
我有这些css条目...
div { overflow: hidden; overflow-y: hidden; overflow-x: hidden;}
div:hover { overflow:visible; overflow-y: visible; overflow-x: visible;}
..。希望只有当用户将鼠标移入矩形时，才会出现垂直和水平滚动条。但是上面的只适用于我的水平滚动条。
矩形外的鼠标:水平滚动隐藏，垂直可见
鼠标在san矩形内:出现水平滚动条。
更新:我的列表的html是：
<nav>
<ul>
<li&
浏览 4提问于2019-04-09得票数 0
是否有方法检查文本是否被文本溢出所裁剪？
CSS：
.elem {
...
overflow: hidden;
text-overflow: ellipsis;
...
}
有时元素包含许多文本，这些文本溢出，并以“.”代替。
这是行不通的，因为实际上没有.在元素内容中，它仅是可视的：
cy.get(elem).should('contain', '...')
浏览 16提问于2022-05-04得票数 2
段落中的截断文本在Firefox中不起作用。有什么想法吗？
铬
Firefox
display: -webkit-box !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 5;
line-height: 1.3em !important;
height: 5.6em !important;
浏览 12提问于2018-02-02得票数 1
2回答
我不想指定一个区域的宽度，并设置overflow:hidden或滚动到我的文本，因为网站是响应的。有没有办法防止一行文字转到第二行？
或示例"lorem sum etc ger ergdfg efdfg"
不会变成
"lorem sum etc ger
ergdfg efdfg"
宽度小的时候？
浏览 5提问于2013-11-27得票数 7
回答已采纳
3回答
我在一个比树小的容器中有一个简单的jstree：
<div style="width:250px;height:150px; border:solid; overflow: auto;">
<div id="jstree" style="padding:20px"></div>
</div>
参见演示
我试图在节点文本的可见部分和滚动条之间添加一个可视空间(即5px)。这样，切线的末端和垂直滚动条之间就会有一个间隙，而切线有‘.’。最后，树的底部和水平滚动条之间有一个间隙。
我在这里看过很多帖子
浏览 9提问于2016-05-11得票数 5
回答已采纳
在jsfiddle链接中，您可以找到我尝试过的内容，但是当文本超过两行时，我看不到省略号。谁能帮帮我。我是CSS的新手，只使用CSS/SASS就能解决这个问题。
.exciting-text {
display: block;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 2em;
line-height: 1em;
}
.exciting-text::after {
content: "...";
color: red;
}
<
浏览 0提问于2017-01-19得票数 0
3回答
我在两个使用inline-block的跨度上遇到了text-decoration: underline问题。问题是，悬停时只有一部分URL会加下划线，而另一部分则不会。我需要保留display属性，否则将无法应用text-overflow (参见：)
HTML：
<div class="details" itemscope itemtype="http://data-vocabulary.org/Product">
<h2>
<a class="heading" href="/
浏览 1提问于2013-05-30得票数 6
回答已采纳
1回答
假设我有一个包含一定数量文本的Label、Button或TextArea对象。默认情况下，放入这些对象中的文本会自动换行到下一行。有没有办法禁用它？我知道CSS属性
overflow : hidden ;
将停止显示滚动条。但是有没有办法阻止文本转到下一行呢？
我希望是这样的，如果我有一个字符串，它比它所在的对象“宽”，它将简单地写出该字符串到该对象可以包含的极限，而不是将其换行到下一行？有人有办法做到这一点吗？
谢谢。
浏览 7提问于2010-02-22得票数 1
回答已采纳
我正在与正确的样式，以避免重叠的长文本，应该包含在一行或显示省略号和一些其他按钮，也应该显示在应用程序的同一行。这个问题可以在下面的世博会素描中看到。
下面是组件的代码
<View style={{flexDirection: 'row', marginTop: 50}}>
<View style={{flex: 1,
flexDirection: 'row',
alignItems: 'center',
marginVertical: 5}}>
<Tex
浏览 1提问于2017-04-18得票数 0
回答已采纳
我需要在中间截断overflow.ellipsis文本，最后总是可见的id文本，如下所示
Really, Really Long
Compa... ID 0000001
我试着用RichText这样做
valueWidget: RichText(
maxLines: 2,
overflow: TextOverflow.ellipsis,
text: TextSpan(
children: [
TextSpan(
浏览 6提问于2022-11-25得票数 1
我遇到了一个关于text-overflow的简单问题。我可以ellipsis我的文本，但文本不会填满整个div。
下面是jsfiddle中的演示：
我以为这段代码可以解决这个问题，但我错了。
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
我看过各种相关的话题，比如，，但它们都不适合我。
浏览 0提问于2014-05-09得票数 1
3回答
在下面的HTML中，我希望省略号在cell2中显示。如果cell2是块元素，而不是内联块元素，则会发生这种情况(尽管不同的源都不这样认为)。
如何为内联块元素制作文本省略显示？
.outer {
width: 200px;
height: 400px;
background-color: whitesmoke;
overflow: hidden;
white-space: nowrap;
}
.cell1 {
background: red;
display: inline-block;
}
.cell2 {
overflow: hidden;
浏览 2提问于2015-03-06得票数 3
回答已采纳
如何利用javascript在DT::datatable中的特定单元格悬停后，在工具提示中显示单元格值？我决定在达到一定宽度(overflow-x: hidden; white-space: nowrap;)后隐藏长文本，以保持干净的格式，如果用户选择在给定单元格上悬停，我希望用户能够看到全文。
datatable(df,
class="compact",
selection="none",
rownames=F,
colnames=NULL,
options=l
浏览 0提问于2018-08-26得票数 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
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
