如何使我的HTML表格100％宽并且其所有单元格只能与其内容一样宽？

概述我有这个网格： 如果我将表格宽度从100％更改为自动,则表格会水平折叠. 这是不可取的.如何使表格列(td元素)自动缩小以适合其内容,同时表格和tr元素填充其父级的整个空间？ How can I make the table columns (td elements) shrink automatically to fit their content, while at the same time 我有这个网格：

如果我将表格宽度从100％更改为自动,则表格会水平折叠.

这是不可取的.如何使表格列(td元素)自动缩小以适合其内容,同时表格和tr元素填充其父级的整个空间？

解决方法

How can I make the table columns (td elements) shrink automatically to fit their content,while at the same time,the table,and tr elements fill the entire space of their parent?

<表>和< tr>元素与< td>一样宽.里面的元素.你不可能每个< td>与其内容一样小,并使整个表格与可用空间一样宽,因为表格只能与其中的单元格一样宽.

(即与大多数HTML元素不同,< table>元素的大小不能独立于其内容.)

您可以将一个单元格设置为尽可能宽,但宽度为100％：

<table >     <tr>         <td >Content</td>         <td >Content</td>         <td >Content</td>     </tr></table>

见http://jsfiddle.net/9bp9g/

总结

以上是内存溢出为你收集整理的如何使我的HTML表格100％宽并且其所有单元格只能与其内容一样宽？全部内容，希望文章能够帮你解决如何使我的HTML表格100％宽并且其所有单元格只能与其内容一样宽？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。