table table-layout: auto 设置td 宽度不生效

Question

table table-layout: auto 设置 td 宽度不生效(想达到的效果: 内容栏目最大宽度不超过一行的 50%;)

html:

<table>
    <thead>
        <tr>
            <th>标题</th>
            <th>内容</th>
            <th>发布时间</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>标题</td>
            <td>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</td>
            <td>2017/02/14</td>
        </tr>
    </tbody>
</table>

css

table {
    width: 1000px;
    table-layout: auto !important;
    word-wrap: break-word;
    word-break: break-all;
}
table td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
table > tbody > tr > td {
    width: 200px;
    max-width: 50% !important;
    word-wrap: break-word;
    word-break: break-all;
}

Answer 1

http://www.ayqy.net/doc/css2-...

或许这个文档应该会解答你的问题，如果英文好的话，可以直接去看英文文档。上面这个是翻译过后的。

Answer 2

已解决, 当且仅当设置 th,td 行内样式, 才生效。