html – 根据内容如何使表格缩小？

概述如何使2列(单元格)的表格如下所示： >第一个单元根据内容收缩 >另一个单元格适合表格的其余部分(宽于两个内容) 例： <table style="width: 500px;"> <tr> <td>foo</td> <td>bar</td> </tr></table> 我需要桌子看起来像这样： .________________________________ 如何使2列(单元格)的表格如下所示：

>第一个单元根据内容收缩
>另一个单元格适合表格的其余部分(宽于两个内容)

例：

<table >   <tr>      <td>foo</td>      <td>bar</td>   </tr></table>

我需要桌子看起来像这样：

.___________________________________________________________________________.| foo | bar            <a lot of space here>                                ||_____|_____________________________________________________________________|                           500 px total wIDth

注意：我不知道“foo”的宽度，所以我不能设置“50px”，“10％”或类似的东西。

解决方法 您可以将第二个单元格的宽度设置为100％

@R_403_6832@：

<table>   <tr>      <td>foo</td>      <td >bar</td>   </tr></table>​

CSS：

table { wIDth: 500px; }.grow { wIDth: 100%; }​

检查this fiddle。

总结

以上是内存溢出为你收集整理的html – 根据内容如何使表格缩小？全部内容，希望文章能够帮你解决html – 根据内容如何使表格缩小？所遇到的程序开发问题。

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