html - 防止表格单元格宽度增长大于内容

标签 html css

我似乎找不到使用 Javascript 来做到这一点的方法。

假设我有一个 <table> ,而且我不知道填充第一列的内容的潜在宽度。 <table>width:100%这样其余的列可以根据需要调整大小,但我想保持第一列的宽度固定,这样它就不会变得比内容大。

没有 Javascript 这可能吗?

<table>
    <tr>
        <th>Dynamic content column of unknown width</th>
        <th>Some other column that is allowed to grow/shrink</th>
    </tr>
    <tr>
        <td>Lorem ipsum ...</td>
        <td>195383 ...</td>
    </tr>
</table>

最佳答案

似乎通过将动态内容栏的宽度设置为1px,栏宽将固定为栏内内容的宽度,并且仍然允许其他栏增长/随 table 收缩。

关于html - 防止表格单元格宽度增长大于内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17453934/

相关文章:

jquery - 使用 'onclick' 后如何重新启用 jQuery 选项卡?

css - Parent-Div 中的 Bootstrap 容器

php - 如何在 CSS 中隐藏 PHP URL 链接

javascript - JQuery img 循环

css - 如何在 CSS 选择器中组合类和 ID?

javascript - 动态创建元素的绝对定位

python - 使用 BeautifulSoup4 从 HTML 中提取字段

javascript - 如何从来自 json 的视频生成缩略图?

html - CSS 列 : fill row first

html - 粘性元素到父溢出容器