- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我在包装器中有两个 div,我希望第一个 div 的最大宽度为 65%,第二个 div 的最大宽度为 35%,第一个左对齐,第二个右对齐,两者都在同一行(白色-space:nowrap),所以基本上我想要得到的是:
-----------------------------------------------------------------------
| | |
| THIS IS IS SHORT TEXT | NOW THIS LINE COULD BE LONG |
| | |
-----------------------------------------------------------------------
现在最坏的情况:
<----------------- 65% ----------------------> <------ 35% -------->
-----------------------------------------------------------------------
| | |
| NOW THIS LINE IS LONG AND GROW MORE CAU... | NOW THIS LINE COU... |
| | |
-----------------------------------------------------------------------
我需要在两个文本上显示文本溢出省略号。有什么想法吗?
最佳答案
我想你可以只使用一个左浮动的 DIV:
(请注意,最大宽度仅用于演示目的...您可以让这些宽度达到 100%,它应该仍然有效。)
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.outer {
background-color: green;
text-align: right;
}
.inner1 {
max-width: 65%;
float: left;
background-color: red;
text-align: left;
}
.inner2 {
display: inline;
}
<div class="truncate outer" style="max-width: 500px;">
<div class="truncate inner1">
THIS IS IS SHORT TEXT
</div>
<div class="inner2">
NOW THIS LINE COULD BE LONG
</div>
</div>
<div class="truncate outer" style="max-width: 500px">
<div class="truncate inner1">
NOW THIS LINE IS LONG AND GROW MORE CAUTIOUS?
</div>
<div class="inner2">
NOW THIS LINE COULD BE LONG
</div>
</div>
关于html - 流体宽度上的省略号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27388858/
我正在制作一款打算在 future 进行本地化的软件。我想知道省略号(...指示一个 Action 打开一个新窗口/对话框)通常是如何本地化的。 所有语言都这样使用省略号吗?我可以在自己的代码中安全地
我正在尝试实现以下布局(请参阅下面的屏幕截图)。 如果 SPAN 和 B 都符合条件 - 它们只是一个接一个。 如果没有 - SPAN 有一个省略号,但 B 完全显示(它永远不会大于整个 block
我理解点-点-点的一般含义。当我想创建自己的参数数量未知的函数时,我了解如何使用它。 我不明白它是如何工作的,例如函数 variable.names()。当我执行 ?variable.names 时,
在 jqGrid 中,如果文本不适合并被截断,是否有一种本地方法可以在列末尾显示“...”? 我看到有一个 ui-ellipsis 类,但我很困惑,如果文本被截断,它是否会自动添加,以及一旦调整列大小
我有几个 JS 语法问题。 首先,有什么好的资源可以帮助您快速掌握与以下类似的 JS 语法? 代码中,Q1和Q2是标签吗?另外,...的用途是什么? const Q1: Query = { 'is
我正在阅读一些旧代码,这些代码似乎旨在删除目录中的一系列句点 (......)。它利用 java 正则表达式来完成此操作。这是使用的代码。 input = input.replaceAll( ".*.
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and t
我正在尝试让省略号像这样工作:http://jsfiddle.net/583mK/1/ 有趣的是,它在 jsFiddle 上运行良好。奇怪的是,它提供了完全相同的 HTML/CSS,但它在我的应用程序
我有多个不同长度的标题,我希望它们总是占用 1 行并在它们不适合时留下悬挂点/省略号 (...)。我不能只更改 div 中的文本,因为其中的 h2 每天都会自动更改。 这是我的代码:http://js
有十亿个教程,但不幸的是,没有一个对我有用。我需要一些艺术家姓名在标题中,居中,但带有 css 省略号,所以很长的名字会得到“...”并将被截断。 您可以在此处查看设计:http://www.cphr
这个问题在这里已经有了答案: text overflow ellipsis: avoid word break (3 个答案) 关闭 3 年前。 我正在显示带有省略号的文本。在我当前的 CSS 中,
我要画圈 ,就像这张图片: 我试过这段代码。 .discussion:after { content: '\2807'; font-size: 1em; background: #2d34
我在玩python。我在 IDLE 中使用了以下代码: p = [1, 2] p[1:1] = [p] print p 输出是: [1, [...], 2] 这是什么[…]?有趣的是,我现在可以将其
我对省略号很陌生,但即使我将变量分配为 false,以下内容也会返回 true。 PS:注意 if 条件。 import system.obj.* from elipsis.system; iff(e
我正在使用 alabama 包中的 constrOptim.nl 进行非线性优化。但是,我的问题更多地与传递参数(和点-点-点(省略号/“...”)和可能的 do.call)有关 - 所以我首先给出一
例如,我知道如何使用 numpy 对数组进行切片 v[1, :, :] 现在我想要一个函数将切片 (1,1,None) 作为输入并返回 v[1,:,:] 问题是我不知道如何表示省略号 最佳答案 您可以
我有一个宽度设置为 100%。里面是一个带有文本字符串的 div,如果文本宽度溢出,我想在其中添加省略号。 在 javascript 中,我设置了 的宽度到 的宽度这在加载(或刷新)时工作正常,但
有什么方法可以使用 Angular js 对字符串进行子串并在末尾添加省略号,同时忽略 anchor 标记(如果它位于子字符串内部)? 例如,我的文字是: Lorem Ipsum has been t
我不知道为什么这个简单的CSS无法正常工作... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden;
这个问题在这里已经有了答案: text-overflow is not working when using display:flex (5 个答案) 关闭 3 年前。
我是一名优秀的程序员,十分优秀!