html - 如何在 HTML 表格中的两列之间划分剩余的水平空间?

标签 html css

我有一个包含 5 列的 html 表格。我希望其中的三列具有固定宽度(例如,td width=30,50,30)。我将如何划分剩余两列之间的剩余水平空间?我以为我可以通过将这些列的每个“宽度”属性设置为“50%”来实现,但这似乎不起作用。

最佳答案

在我的简单测试中,我不需要放置任何东西,默认行为是平均分割。当然,真实的内容可能会插入事情发展,因此查看您的 css 和 html 会有所帮助。

<html>
    <head>
            <style type="text/css">
                    td{border:1px solid #000; padding:1px;}
            </style>
    </head>
<body>

        <table width="300px">
        <tr><td width="50px"></td><td width="30px"></td><td width="50px"></td><td></td><td></td></tr>
    </table>
</body>
</html>

关于html - 如何在 HTML 表格中的两列之间划分剩余的水平空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3056818/

相关文章:

javascript - 提交时的 jQuery 表单(插件)用表单做一些事情 -> $(this)

javascript - 创建一个显示尺寸与其内容尺寸不同的 div

html - 在 Bootstrap 网格中没有获得任何 margin

css - 在 asp 向导上更改事件步骤标题颜色

javascript - 当 flexbox 宽度改变时改变 flex 元素的顺序

javascript - JS/jquery : have <li>'s rotate/scale in with delay? 奇怪的 CSS

css - (css) div inside div,居中并在底部

css - w3 css w3-navbar with w3-top 隐藏页面内容

html - 节 id 和类定义覆盖容器高度

html - CSS div 布局代替表格