html - 如何设置 div 的样式使其表现得像表格单元格?

标签 html css

<分区>


这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。

关闭 8 年前

如何设置 id 为 1 和 2 的 div 以及内部 div 的样式使其表现得像表格?我的意思是第一列用于标签,第二列用于输入,第三列用于按钮。我试图修复内部 div 的宽度,但它对我不起作用,它只是保持不变。(所有内部 div 都显示为内联)

<div id='1'>
    <div><h4></h4></div>
    <div><select></select></div>
    <div><button></button></div>
</div>
<div>
    <div id='2'>
        <div><h4></h4></div>
        <div><input></input></div>
        <div><button></button></div>
    </div>
</div>

最佳答案

您可以通过添加以下 CSS 让您的 HTML 结构表现得像一个表格。

#div1, #div2{ display:table; }
#div1 div, #div2 div{ display:table-cell;}

关于html - 如何设置 div 的样式使其表现得像表格单元格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22872358/

上一篇:html - ul 大小不在所有子元素周围

下一篇:javascript - HTML 忽略 Canvas 的 CSS 标签

相关文章:

javascript - 你如何在js中用on obj制作多个矩形?以及如何在不同的 x 和 y 轴上制作它们?

html - 不需要按部分属性选择?

css - 父 div float 干扰子 div 的宽度

javascript - 小屏幕上的 ChartJS

html - 当从 Angular2 中的 api 接收到数据时,在 css 类中插入 url

javascript - 应用 css 高度后获取网页上元素的默认高度)

javascript - jQGrid Firefox 加载嵌套 subgrd 时出现问题

jquery - 如果从服务器运行 Bootstrap 会出错,但如果从文件运行则不会出错

html - CSS 网格样式

css - 如何让我的背景图片只出现在 rails 4 的一页上?