html表溢出仅对td隐藏

我们知道的是表格和第一列的总宽度。第3列和第4列必须与内容相适应，第二列必须使用剩余空间。第二列必须将溢出设置为隐藏，只允许一行或一行

也许小提琴更清晰

二月


21
这是一个文本示例
互联网
-33,23
二月


21
这是一个文本的例子，但这真的很大，我们想隐藏最后一部分，因为如果太大。。。


这是描述文本的一个示例
互联网
-33,23

---

在要溢出的单元格中添加一个DIV。设置DIV的尺寸和溢出，而不是TD。

这是一个好主意，但这样，我不得不在DIV中设置一个宽度，但不能按百分比工作。修改：我不确定您想要的结果是什么，但是您可以限制TD的宽度，并且让DIV没有宽度声明（默认为100%）。cat_G0400{max width:300px}

<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>