相关疑难解决方法(0)

关于text-overflow: ellipsis在表格单元内进行工作,有几个SO问题.解决方案主要是设置table-layout: fixed.

为什么我不能这样做？好吧,因为我有动态单元格宽度.

http://jsfiddle.net/d7h437he/2/

按钮单元应该"适合内容",复制单元应该采取其余的.这种布局是不可能的,table-layout: fixed因为按钮单元需要指定宽度,我不能,因为它是动态的.

如何截断复制单元格？

注意:"不可能"是一个有效的答案,将被接受.:)

我想获得textarea文本宽度.如何获得以像素为单位的文字宽度？

我不想要文字长度.

我有一个textbox用户可以输入任意数量的字符的地方,但我希望它的宽度相对于输入的字符数动态增加.

我已经做了一个下面显示的解决方法,它部分工作,它将动态增加宽度,但不会那么精确,并会在一段时间后隐藏第一个输入的字符,因为我的逻辑应用不好.我刚刚给出了一个包含17个字符的狂野截止值来开始增量.

只有当字符数达到文本框的末尾时,它才应该开始宽度增量.

更新:

我希望显示在字段中输入的所有字符,而在默认情况下,文本框隐藏最左边的字符.

FIDDLE DEMO

HTML

<input type="text" id="txtbox" />

脚本

$('#txtbox').keypress(function() {
    var txtWidth = $(this).width();
    var cs = $(this).val().length;

    if(cs>17){
       $(this).width(txtWidth+5);
    }
});

有什么方法可以像上图一样在标题文本旁边显示数据表的排序图标？

我有一个100%宽度的表包含几个单元格.我希望其中一个单元格始终在一行中显示其内容,white-space: nowrap并在内容超出表格单元格时在行尾显示省略号text-overflow: ellipsis.

我遇到的问题是,当达到单元格内容时,表格将停止收缩.因此,单元格的最小宽度将始终是其内容的宽度,而表格将作为整体推出.

我只是想不通如何解决这个问题:

我的HTML:

<div class="otrCompactView">
    <div class="otrLastEditTable">
        <div class="otrLastEditRow">
            <div class="otrLastEditor">LastEditor</div>
            <div class="otrLastEdited">LastModified</div>
        </div>
    </div>
    <div class="otrTitleRow otrRow">
        <div class="otrTitle">Title asdasdasdas asd asd asd asdas as asd </div>
    </div>
    <div vlass="otrTaskRow otrRow">
    </div>
    <div class="otrColumnsRow otrRow">
        <div class="otrColumns"></div>
    </div>
</div>

我的CSS:

.otrCompactView {
    display: table;
    background: yellow;
    width: 100%;
    height: 100%;
}

.otrRow {
    display: table-row;
}

.otrLastEditTable {
    display: table;
    width: 100%;
}

.otrLastEditRow {
    display: table-row;
}

.otrLastEditor {
    display: table-cell; …

我有一个<input type="text" />标签.

内容可能太多,当内容长度超过输入宽度时,它将水平滚动.

实际上,我想控制标签的宽度,使其根据内容而变化.

那么,有没有办法获得标签的内容宽度？与scrollHeight属性相似？

我正在寻找一种方法来将 div 内的文本自动调整为最大尺寸。最大尺寸是在仍然适合 div 的情况下可能的最大尺寸。

我知道在 CSS 中不可能做到这一点。使用javascript可以吗？