标签: ellipsis

我正在尝试使用以下标准将两个div放在一起:

1. 两个div必须保持在同一条线上.
2. 必须优先考虑左div.尽可能多的文本应该显示在左边的div中,直到溢出的情况下使用省略号.
3. 正确的div文本应该是右对齐的.在溢出的情况下,应使用省略号.
4. 文本是动态的,因此不能使用百分比或固定宽度.
5. 只需要在webkit基于浏览器的基础上工作,因此CSS3首选解决方案.

以下是一些示例图像:

输入

<div class='left'>I should always fit. If not, ellipsis should be used.</div><div class='right'>Right align and fit me if space available here.</div>

产量

输入

<div class='left'>I should always fit. If not, ellipsis should be used. And some more text and more, and more text.</div><div class='right'>Right align and fit me if space available here.</div>

产量

输入

<div class='left'>This text is left aligned.</div><div class='right'>This text is right aligned.</div>

产量

看看这个小提琴.

输入Ctrl+ F并搜索"获取"...

对我来说,Chrome会从此文本中找到不可见的文字: A long option that gets cut off

它在Linux/Ubuntu 12.04 Chrome版本31.0.1650.63上重现

HTML

<!--works for a div-->
<div>
    A long option that gets cut off
</div>

<!--but not for a select-->
<select>
    <option>One - A long option that gets cut off</option>
    <option>Two - A long option that gets cut off</option>
</select>

CSS

select {
    width:100px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
}

div {
    border-style:solid; 
    width:100px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
}

如何在页面上显示文本,而不是浏览器突出显示的空白块空白？

[编辑:提示此解决方法的问题已从R 3.1.0开始修复.]

我被问到其他地方发布这是一个自我回答的问题.

当R函数通过省略号参数接受任意数量的参数时,访问它们的常用方法是使用list(...):

f <- function(...) {
  dots <- list(...)

  # Let's print them out.
  for (i in seq_along(dots)) {
    cat(i, ": name=", names(dots)[i], "\n", sep="")
    print(dots[[i]])
  }
}

> f(10, a=20)
1: name=
[1] 10
2: name=a
[1] 20

但是,R(截至v3.0.2)深层复制了所有list元素:

> x <- 10
> .Internal(inspect(x))
@10d85ca68 14 REALSXP g0c1 [MARK,NAM(2),TR] (len=1, tl=0) 10

> x2 <- x
> .Internal(inspect(x2))  # Not copied.
@10d85ca68 14 REALSXP g0c1 [MARK,NAM(2),TR] (len=1, tl=0) 10

> y <- …

Chrome浏览器的最新更新打破white-space: nowrap使用text-overflow: ellipsis;上一个overflow: hidden元素.如何解决这个问题而不在name课堂上添加硬编码宽度

<h1>problem</h1>
<div class="container">
  <div class="name">
    <div class="firstname">
      test
    </div>
    <div class="lastname">
      as kjldashdk ja asdjhk ashdjk ashdjk asdjasdkajsdh akjsd asd asd asd asd asd asd as das da asdas dasd asda sdasd as dasd asd asd as dasd a
    </div>
  </div>  
  <div class="side">
    options
  </div>
</div>

结构不应该改变,因为我.name在我的应用程序中的其他地方重用该部分.

.container {
  width: 800px;
  height: 80px;
  display: flex;
  border: solid 1px black;
  margin: 10px;
}
.name {
  display: flex; …

我正在从数据库中提取博客文章.我想将文本修剪为最多340个字符.

如果博客文章超过340个字符,我想将文本修剪为最后一个完整单词并在末尾添加"...".

E.g.

NOT: In the begin....

BUT: In the ...

我有TD长篇文章.我希望它被省略,但我不想定义此列的绝对宽度 - 我希望它由其父表动态计算.可能吗？这是一个代码示例:

<table width="100%" border="3">
<tr>
<td ><span style="white-space: nowrap; overflow: hidden; 
 text-overflow: ellipsis;" >
Here should be very long text: 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</span></td>
</table> …

假设我有一个列为一列的MySQL表:"消息".它是TEXT类型.我现在想查询所有行,但文本可能很大(不是很大但很大),我只想得到它们的摘要.例如,结果可以填充到列表中.

有没有办法将文本修剪为特定长度(例如,10个字符),如果文本被修剪,则添加省略号？

例如:

Message
-----------
12345678901234
1234567890
12345
12345678901

查询结果:

1234567...
1234567890
12345
1234567...

谢谢!

{rlang} 有一个未导出的函数，可用于捕获省略号参数（名称、表达式和 env）。它为 的魔力提供动力rlang::enquos()。

f <- function(...) rlang:::captureDots()

g <- function(...) f(..., b = z)

g(a = x, y)
#> $a
#> $a$expr
#> x
#> 
#> $a$env
#> <environment: R_GlobalEnv>
#> 
#> 
#> [[2]]
#> [[2]]$expr
#> y
#> 
#> [[2]]$env
#> <environment: R_GlobalEnv>
#> 
#> 
#> $b
#> $b$expr
#> z
#> 
#> $b$env
#> <environment: 0x130f8d8a8>

我想隔离，并希望理解这个功能，但我在 C 代码中找不到我的方法，rlang 中有很多这样的功能，而且似乎任何东西都会破坏一切。

我的要求是有一个最小的、高效的、独立的方式来重新创建这个功能（有或没有来自 {rlang} 的灵感）。

在基本 R 中捕获名称和表达式很容易，但获取环境则不然。我不相信没有低级语言就可以做到这一点。

以下是更难的例子：

n <- 1
fun1 <- function(x, ..., y) …

我正在尝试使用CSS在JavaScript中创建一个自动换行,条件是:

如果DIV包含一个非常长的单词,例如"asdasfljashglajksgkjasghklajsghl",我想显示:

     |asdasfljashglajk...|

如果DIV包含一个长句,例如"如果我每次被告知我不能得到一分钱",我想显示:

     |if i had a dime for|
     |everytime i was... |

我使用HTML,CSS,JavaScript.我不能使用jQuery.

如果有可能请告诉我.

我已经调整了jQuery UI MultiSelect Widget,以便文本显示所有选定的标签,但是如果选择了太多的元素来显示,则文本将被修剪和省略.我这样做了:

.ui-multiselect .selected-text {
    display: block;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

在该解决方案中我唯一不喜欢的是我必须设置display: block元素(span).如果没有它,则忽略width参数,并将范围扩展为文本大小.

是否有可能得到省略号与内联元素的工作(不改变display对block)？如果是这样,如何实现呢？