html - 如何指定 html 单元格应具有显示其所有内容所需的最小宽度

标签 html css gwt

在以下示例中,

<table style="width: 100%;"><tr>
   <td>First Cell</td>
   <td>Second Cell</td>
</tr></table>

如何设置宽度,以便第一个单元格/列的宽度与显示第一个单元格的内容所需的宽度完全相同,并让第二个单元格填充表格的其余宽度?

我正在使用 GWT Horizo​​ntalPanel 来执行此操作,因此是否存在 html、css 或 gwt 技巧。请告诉我。

谢谢

最佳答案

假设“尽可能宽地显示第一个单元格的内容”是指宽度需要显示不换行的内容,您可以使用这样的内容:

<table width=681 border><tr>
   <td nowrap>First Cell</td>
   <td width="100%">Second Cell</td>
</tr></table>

不能保证这会继续工作,因为要求单元格宽度为 100%,但包含另一个宽度非零的单元格是不可能的要求。但浏览器目前所做的似乎最接近要求。

关于html - 如何指定 html 单元格应具有显示其所有内容所需的最小宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9224486/

相关文章:

javascript - Firefox 找不到 iframe

javascript - html JavaScript 在新页面加载时不显示图像

oop - 如何提供具体的 GWT 实现

javascript - 使用点击类查找 div 的 ID

javascript - 使用 WebScriptEndpoint 使用 javascript 使用 WCF 服务

javascript - HTML 文本一直向右扩展

javascript - 匹配每 4 个元素的高度

css - 选择X个元素,跳过X个,选择X个元素

javascript - 在 GWT 中捕获字体调整大小事件

java - Vaadin 和自定义 Gwt Widget - 设置小部件语言