标签: ellipsis

我不能得到"文本溢出:省略号"; 工作...也许有人可以给那个人一些帮助:-)

小例子:http: //jsfiddle.net/qKS8p/2/

http标记:

<table class="" border="1">
    <tr><td colspan=3>…</td></tr>
    <tr class="">
        <td width="90"><span class="prose">column one</span></td>
        <td width="20"><span class="prose">column two</span></td>
        <td width="90"><span class="prose">column three</span></td>
    </tr>
    <tr><td colspan=3>…</td></tr>
</table>

css样式规则:

.prose {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

由于td的宽度为20px,我希望"第二列"被切断.我也尝试了不同的divs,tds等变种,但我看不出任何变化.请注意,这在我检查的任何浏览器中都不起作用.所以我肯定会想念.

有数百万页的例子,浏览器差异以及和.但我不能让这个工作!根据当前信息,现在所有主流浏览器都支持简单的文本溢出属性.所以我正在寻找一个纯css解决方案(不是xul,而不是jquery插件),因为这应该工作.

谢谢,arkascha

希望有人能提供帮助.

我有3个嵌套的div.父母,孩子和孩子的孩子.

我想要完成的事情(动机不相关)是该孩子根据父母的宽度(百分比)获得相对宽度,并且孩子的孩子必须根据该宽度具有溢出省略号.问题是,如果我在子宽度中使用%,则省略号不起作用,如果我以像素为单位定义宽度,则它可以工作.

这是HTML

<div class="a">
   <div class="b">
        <div class="c">
        Here should go some text long enough to ellipsis the overflow
        </div>
    </div>
</div>

这是非工作的CSS

    .a {
        border:black 1px solid;
        float: left;
        width: 122px;
        display: table;
        line-height: 14px;
    }
    .b {
        width:100%;
        color: black;
        font-size: 14px;
        text-transform: uppercase;
        cursor: pointer;
    }
    .c {
        line-height: 11px;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space:nowrap;
    }

但是,如果我改变b的宽度为122px,它的工作完美(注意122px应该等于100%).

你可以在这里查看:http://jsfiddle.net/vNRpw/4/

谢谢!

我想检查 PowerShell 中的 PATH 环境变量

我试过了

Get-ChildItem env:path

我想获得完整的路径，但只获得其中的很小一部分。我得到多少取决于PowerShell窗口的宽度，例如

C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\Progra...

我的TextView宽度为wrap content.在这个TextView我设置文本,但文本每次都不是相同的长度.当文本很长时,我使用单行true和ellipsize:end.但现在我有一个问题.我想设置其他布局的可见性,但这取决于我的文本的长度.如果文本太长而无法放入屏幕我想setVisible为true,但是当文本很短并且我不需要ellipsize时,我想将可见性设置为false.所以我需要检查TextView的状态.当它的椭圆形时我想要setVisible真实,当它不是setVisible假的.我怎么能这样做 这就是我得到的:

tvAle.post(new Runnable() {

        @Override
        public void run() {

            int lineCount    = tvAle.getLineCount();
            Paint paint =  new Paint();
            paint.setTextSize(tvAle.getTextSize());
            final float size = paint.measureText(tvAle.getText().toString());
            Log.v("a", ""+size+" "+tvAle.getWidth());
            if ((int)size > (tvAle.getWidth()+10)) {
                allergiesLayout.setVisibility(View.VISIBLE);
            }

            else
                allergiesLayout.setVisibility(View.GONE);

        }

但这个解决方案不起作用.

简单的问题:我想设置一个TextView,我希望有三个点(省略号).喜欢

Read more...< - 现在我确定我不应该只写入...字符串.我应该怎么写这三个点？

我有一个用flexboxes创建的两列布局.

在右列中,我有两行,第一行包含标题,第二行包含页面内容.

在标题内我有三列,一个按钮,一些文本和一个按钮.

我希望按钮位于列的左侧和右侧,文本占用任何额外的空间.

最后,我希望文本具有white-space:nowrap和text-overflow:ellipsis属性来截断长标题.

我的问题是这样的:我无法让文本包装在嵌套在另一个flexbox中的flexbox中正常工作,如下所示:

http://jsfiddle.net/maxmumford/rb4sk3mz/3/

.container {
  display: flex;
  height: 100vh;
}
.left {
  width: 200px;
  background-color: yellow;
}
.right {
  flex: 1;
  background-color: blue;
  color: white;
}
.header {
  background: red;
  color: white;
  display: flex;
  flex-direction: row;
}
.header .content {
  white-space: nowrap;
  flex: 0 1 auto;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}
.header .buttons {
  background: green;
  flex: 1 0 auto;
}
.header .content:hover {
  white-space: normal;
}

<div …

在我的Angular应用程序中(我的版本是4.3.1)我在多行之后添加了一个CSS省略号.
为此,我在Sass中使用以下css代码.

.ellipsis {
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

出于某种原因,盒子方向线只是通过变换从样式中移除,导致省略号不起作用.这似乎发生在Angular和Ionic应用程序中.

我有一个内部内容的div,当它溢出时我需要省略号.我已经在其他元素上多次这样做了,但由于某种原因,这不符合预期.

另外,我white-space:nowrap;故意遗漏,因为内容然后没有突破到跨度内的下一行,因此我在省略号开始之前只看到2-3个单词.我希望文本跨越父容器的整个高度,然后为超出这些边界的内容启用省略号.

这是一个有效的演示:http://jsfiddle.net/sadmicrowave/DhkSA/

CSS:

.flow-element{
     position:absolute;
     font-size:12px;
     text-align:center;
     width:75px;
     height:75px;
     line-height:70px;
     border:1px solid #ccc;
}

.flow-element .inner{
     position:absolute;
     width:80%;
     height:80%;
     border:1px solid blue;
     top:0px;
     bottom:0px;
     left:0px;
     right:0px;
     margin:auto;
     text-align:center;
}

.flow-element .long{
     float:left;
     height:50px;
     width:100%;
     line-height:12px;
     border:1px solid red;  
     text-overflow:ellipsis;
     overflow:hidden;
}

HTML:

<a class='flow-element' style='top:100px; left:50px;'>
  <div class='inner'>
     <span class='long'>Box 1 and some other content that should wrap and do some other stuff</span>
  </div>
</a>

有人可以请帮助.我需要在红色轮廓范围内显示尽可能多的文本,同时在文本内容溢出容器时有省略号...

提前致谢

我正在尝试制作一个隐藏溢出文本的文本框.它工作正常,但在某些方面.我正在使用

text-overflow: ellipsis;

这应该"..."在我的文本被剪切的地方放置三个点(),但它不会放置三个点,而是放置看起来像三个点的字符(称为"省略号").

我目前使用的字体没有这个字符,所以它显示了一些其他随机字符而不是三个点.

有没有人有一个简单的解决方法(请不要涉及JavaScript,只有CSS),同时保留我的文字字体？

有人在不同的问题采用建议catch(...)通过整个周围的意外/不可预见的例外-捕获所有未处理的,否则main()用try{}catch(...){}块.

这听起来像一个有趣的想法,可以节省大量时间调试程序,并至少留下一些发生的事情.

这个问题的本质是什么信息可以通过这种方式恢复(除了我留下的任何调试全局),以及如何恢复它(如何访问和识别被调用的任何catch)

此外,有什么警告与它有关.特别是:

• 它会与后来发芽的线程一起玩吗？
• 它不会破坏处理段错误(在别处作为信号捕获)
• 它会不会影响其他try ... catch块不可避免地嵌套在里面,那是否有处理预期的异常？