首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将div样式设置为表单元格?

如何将div样式设置为表单元格?
EN

Stack Overflow用户
提问于 2014-04-04 20:23:18
回答 2查看 2.4K关注 0票数 0

I 1&2和内部div的样式如何表现为表?我的意思是,第一列用于标签,第二列用于输入,第三列用于按钮。我尝试过修复内部div的宽度,但它对我没有作用,它只是保持不变。(所有内部div都是内联显示的)

代码语言:javascript
运行
复制
<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>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-04-04 20:28:10

我没有看到任何CSS代码。向需要作为单元格运行的div中添加一个.table-cell类,并添加此CSS (内部或外部CSS)。

代码语言:javascript
运行
复制
div.table-cell {
  display:table-cell;
}

这就是你要找的吗?

票数 1
EN

Stack Overflow用户

发布于 2014-04-04 20:29:31

通过添加以下CSS,您可以使HTML结构像表一样运行。

代码语言:javascript
运行
复制
#div1, #div2{ display:table; }
#div1 div, #div2 div{ display:table-cell;}
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22872358

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档