Html 如何使用css实现响应文本溢出？

我正在尝试做一个类似Gmail邮件列表的列表。 有一个

td

将得到一个长文本。我想隐藏溢出

td

宽度的文本

我正在尝试这个：

<table class="table">
<tr style="width: auto;">
    <td>Solicitante</td>
    <td>Tipo</td>
    <td style="text-overflow: clip; overflow: visible; white-space: nowrap;">Este é um resumo bem maior que o de baixo, para ser testado sassasa</td>
    <td>10/12/2014</td>
</tr>
  <tr style="width: auto;">
    <td>Solicitante</td>
    <td>Tipo</td>
    <td style="text-overflow: clip; overflow: hidden;">Este é um resumo bla bla bla bla bla bla bla</td>
    <td>10/12/2014</td>
</tr>

恳求者
蒂波
这是一个很好的例子，可以说是一个很好的例子
10/12/2014
恳求者
蒂波
等等等等等等等等
10/12/2014

带

空白：nowrap表格变得比boxview大。如果我删除
空白：nowrap溢出文本以行形式继续。
如何在响应表中隐藏溢出文本？谢谢
您需要使用
表格布局：固定+
宽度
，以控制
表格
或
td
的最大宽度。
示例：500px表和您的td在50%时溢出。


恳求者
蒂波
这是一个很好的例子，可以说是一个很好的例子
10/12/2014
恳求者
蒂波
埃斯特厄姆雷苏莫酒店
10/12/2014

您需要使用
表格布局：固定+
宽度
，以控制
表格
或
td
的最大宽度。
<table class="table">
<tr style="width: auto;">
    <td>Solicitante</td>
    <td>Tipo</td>
    <td style="text-overflow: clip; overflow: visible; white-space: nowrap;">Este é um resumo bem maior que o de baixo, para ser testado sassasa</td>
    <td>10/12/2014</td>
</tr>
  <tr style="width: auto;">
    <td>Solicitante</td>
    <td>Tipo</td>
    <td style="text-overflow: clip; overflow: hidden;">Este é um resumo bla bla bla bla bla bla bla</td>
    <td>10/12/2014</td>
</tr>

示例：500px表和您的td在50%时溢出。


恳求者
蒂波
这是一个很好的例子，可以说是一个很好的例子
10/12/2014
恳求者
蒂波
埃斯特厄姆雷苏莫酒店
10/12/2014

谢谢。但是让我做一点修正：插入
宽度：500px
我使用
宽度：100%
来保持它的响应！！感谢一切取决于你一旦你了解了桌子布局的目的和用途，做任何适合你需要的事情：）谢谢。但是让我做一点修正：插入
宽度：500px
我使用
宽度：100%
来保持它的响应！！感谢一切由您决定一旦您了解了表格布局的目的及其用途，就做任何适合您需要的事情：）
<table class="table">
<tr style="width: auto;">
    <td>Solicitante</td>
    <td>Tipo</td>
    <td style="text-overflow: clip; overflow: visible; white-space: nowrap;">Este é um resumo bem maior que o de baixo, para ser testado sassasa</td>
    <td>10/12/2014</td>
</tr>
  <tr style="width: auto;">
    <td>Solicitante</td>
    <td>Tipo</td>
    <td style="text-overflow: clip; overflow: hidden;">Este é um resumo bla bla bla bla bla bla bla</td>
    <td>10/12/2014</td>
</tr>