0

私たちが知っているのは、テーブルと最初の列の幅の合計です。3 列目と 4 列目はコンテンツに合わせて調整する必要があり、2 列目は残りのスペースを使用する必要があります。この 2 番目の列は、オーバーフローを非表示に設定し、1 行または 1 行のみを許可する必要があります
。

多分フィドルはより明確です

http://jsfiddle.net/favio41/9z867/

<table>
    <colgroup>
        <col class="col1" />
        <col class="col2" />
        <col class="col3" />
        <col class="col4" />
    </colgroup>
    <tbody>
        <tr>
            <td class="date">
                <span class="month monthAndYear">Feb</span>
                <br/>
                <span class="day ng-binding">21</span>
            </td>
            <td style="background-image: url(resources/img/categories/G0400.png);" class="category_icon cat_G0400">
                <span class="concepto ng-binding">This is a example of text</span>
            </td>
            <td>
                <span data-tooltip="Internet, teléfono fijo" class="cat-label cat-tooltip onlyTitle">
                    <span class="text ng-binding">Internet</span>
                    <span class="arrow"></span>
                </span>
            </td>
            <td class="importe">
                <span class="importe_value ng-binding">-33,23</span>
            </td>
        </tr>

        <tr>
            <td class="date">
                <span class="month monthAndYear">Feb</span>
                <br />
                <span class="day ng-binding">21</span>
            </td>
            <td style="background-image: url(resources/img/categories/G0400.png);" class="category_icon cat_G0400">
                <span class="concepto ng-binding">This is a example of text, but this is really big and we want to be hidden the last part because if is too big ...</span>
                <br/>
                <span class="descripcion ng-binding">This is a example of description text</span>
            </td>
            <td>
                <span data-tooltip="Internet, teléfono fijo" class="cat-label cat-tooltip onlyTitle">
                    <span class="text ng-binding">Internet</span>
                    <span class="arrow"></span>
                </span>
            </td>
            <td class="importe">
                <span class="importe_value ng-binding">-33,23</span>
            </td>
        </tr>
</tbody>

4

1 に答える 1

0

オーバーフローさせたいセルにDIVを配置します。TDではなくDIVの寸法とオーバーフローを設定します。

于 2013-02-21T15:15:09.137 に答える