Question

在代码中，我试图将表保留在div中。该表在100px div内的宽度为100％。

问题是内容是否延伸。处理这个问题的最佳方法是什么？

＆＃13;

#container {
  width: 100px;
  border: 1px solid green;
  }

table {
  width: 100%;
  border: 1px solid blue;
  }

table div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 10px);
  }

＆＃13;

<div id="container">
<table>
  <tr>
    <td>1</td>
    <td><div>abcdefghijklmnopqrstuvwxyzyxwvutsrqponmlkjihgfedcba</div>
    </td>
  </tr>
</table>
</div>

＆＃13;

Answer 1

尝试使用

表格的布局：固定的;

到表

或

td { 
 display:block;
 }

http://jsfiddle.net/fd3Zx/5/

Answer 2

应用

table td {
    max-width: 0px;
}

正如link中所述。

Working Fiddle

在表内使用省略号

2 个答案: