以div作为display: Table和display: table -cell不能正常显示
问题：以div作为display: Table和display: table-cell不能正常显示。
回答： 当将div元素的display属性设置为table或table-cell时，它们并不会像table元素或table-cell元素一样正常显示。这是因为div元素本身是一个块级元素，而display属性只是改变了元素的显示方式，并不能改变元素的本质。
display: table和display: table-cell是用于模拟表格布局的CSS属性，但它们只能应用于表格相关的元素，如table、tr、td等。如果将这些属性应用于div元素，浏览器会尝试将其转换为表格相关的元素，但由于div元素的结构和表格元素的结构不同，所以无法正常显示。
如果想要实现类似表格布局的效果，可以考虑使用其他方法，如使用CSS的flexbox布局或grid布局。这些布局方式更加灵活且易于控制，能够满足各种复杂布局的需求。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS Flexbox布局：https://cloud.tencent.com/document/product/249/32579
- 腾讯云CSS Grid布局：https://cloud.tencent.com/document/product/249/32580
请注意，以上链接仅为示例，实际使用时应根据具体需求选择适合的腾讯云产品和服务。
相关·内容
1回答
以div作为display: Table和display: table -cell不能正常显示
html-table、css-tables
我试图用div创建一个表，但它不能正确显示。这就是我要得到的：。我什么都试过了，但就是不能让它起作用。下面是我的代码： <div style="display: table-cell;">
<imgsrc="&quo
浏览 22提问于2018-09-04得票数 2
2回答
水平对齐div和display: table-cell
html、css、css-tables
我使用display: table-cell是为了在底部对齐内容。问题是容器的宽度不再与其相应的宽度(TH)水平对齐(未设置宽度)。
浏览 0提问于2012-07-17得票数 5
回答已采纳
1回答
Jquery/CSS:无法使用另一个元素的offset()值设置另一个元素的位置？
javascript、jquery、html、css
我正在尝试将数值在它们各自的标题下面的直线上对齐。我正在读取这些头文件的x坐标值，然后使用这些值来相应地设置数值的位置。
我已经设置了<span class="lotextendedprice" style=" position: absolute;left:455px;">0</span>，但仍然是扩展价格值与其标题不一致。我怎么才能解决这个问题。假设表不是一个选项。我想在这个场
浏览 5提问于2015-08-25得票数 0
4回答
如何使DIV中的内容垂直对齐
javascript、html、css
<div id="content">ABC<div>UUU</div></div>
我只是想为div#content找到一些在中间垂直对齐的方法。实际上，我有一些解决方案。第一个是使用line-height，但是如果div#content中有另一个div，它就不能工作。我想vertical-align:middle只适用于餐桌？有没有其他可用的解决方案？我试着垂直对
浏览 4提问于2012-09-05得票数 1
回答已采纳
2回答
将表分配给innerHtml破坏网站
javascript、html、css
基本上是DIV中的CSS网格。网格有三列。在每一列中都有包含表(显示结果)的tiles (Div)。问题是:一些计算机上的浏览器显示一个很长的空页面。在最后，我可以看到一些表，其余的是剪裁。以下是html结构的本质： <
浏览 12提问于2022-11-15得票数 0
1回答
表格-单元格高度，img显示:块
html、css、css-tables
如果从img中删除display: block，则.col1和.col2将文本居中对齐。我的问题是，为什么img上的display: block会改变表格单元格的呈现方式以及文本的对齐方式。在img上切换display: block以查看差异。</div></p></div>
<p><div>Lorem
浏览 7提问于2017-08-21得票数 2
1回答
我已经根据这里的成员的建议，尝试为文章布局模板创建div而不是表格。我有合理的成功-内容显示，但不正确，它还扰乱了页面-我有评论模块，它应该坐在文章下面，推到右边，文章内容推到左边和下面。谢谢你，朱德<table id='display' width=648 border=0 summary=""> <td rowspan=7 width=228></td>
浏览 2提问于2013-09-29得票数 0
1回答
CSS-尽管有中间元素，但表
html、css
我们可以使用display:table和将任何元素做成一个类似于此表的表。.table {display: table; width: 100%}.cell {display: table-cell} Bang
浏览 2提问于2017-01-07得票数 1
4回答
<td>的垂直对齐以响应
html、css
我正在寻找一个响应式锻炼表，这是不能更改为<ul>-<li>。举个例子，我有一个表： <tr> <td>2</td> </tr>131 2 3.我试过display:block, <
浏览 3提问于2014-09-11得票数 2
1回答
表格、表格行和表格单元格的异常嵌套
css、css-tables
我想将几个嵌套的div(如下图)转换为CSS表格结构，显示样式为table、table-row和table-cell。这可以很好地工作。但是在DOM结构中还有其他一些元素(下面用"red“和”blue“类标识)，我不能删除它们，但我不需要它们在屏幕上显示。如果我把这些元素留在DOM树中，表结构就不能正确显示。</div>
浏览 0提问于2012-08-05得票数 1
1回答
沿着最长的底部并排排列三个div
html、css
我有三个div，它们是连续对齐的。我基本上希望他们所有的内容都被推到最底层。我试过使用位置:相对和位置:绝对，底部: 0，但这不起作用。
这是css和一些图片。
浏览 2提问于2016-05-05得票数 0
回答已采纳
3回答
如何在响应式布局中不进行绝对定位而垂直对齐图像
html、css、image、position
我知道margin-left:auto;和margin-right:auto;使元素像text-align:center;一样以中心为中心。我想保持我的图像中心与我的vh。<section> <img /> <img />
浏览 1提问于2014-12-09得票数 0
回答已采纳
3回答
IE11在新行中显示每个{ display: table-cell }元素。
html、css、internet-explorer、browser、cross-browser
我有以下HTML ()： <div style="display: table-row;"></div>.tabled-contents { width: 100%;
.f
浏览 5提问于2015-04-20得票数 1
回答已采纳
3回答
流体div中的垂直对齐文本
html、css、alignment
我想知道如何在div中对齐我的文本。
我试过像display: inline block;这样的东西，但没有用。我的集装箱实际上是整个窗户的10%高。请看下面的代码，引用div是"droite“。
浏览 4提问于2016-11-21得票数 1
回答已采纳
2回答
具有锚点悬停状态的未知大小的垂直/水平中心图像
html、css
这个图像可能比容器的大小(101x84)更大，所以我需要用max-width和max-height来约束这个图像。最后，图像需要具有悬停状态，当用户将鼠标悬停在图像上时，图标将出现在容器的中间。目前，我的代码满足上述所有要求，除了我不能垂直对齐我的图像。我试过遵循其他向导，例如将img更改为display:inline-block，但随后我失去了水平居中对齐。
浏览 2提问于2012-12-21得票数 0
回答已采纳
4回答
如何最好地隐藏用于移动视图的表列
html、css、html-table
下面的代码不适用于我： <tr> <td class='collapsable'></td> <td></td></table>
&#
浏览 1提问于2013-07-24得票数 15
回答已采纳
7回答
两个div相邻，没有固定的宽度元素
html、css
我有两个div一个与标题(标志)，可以是任何大小(客户端上传自己的徽标)。另一个带有导航(菜单)的div，它也是由客户端他/她自己设置的。我想要实现的是，标题div是一样大，以便它适合标志(图像)或标志(文本)。导航填满了右边所有其他可用的空间。谢谢你提前帮忙。background:#fe0000;}.head-area{clear:both;}
<divc
浏览 7提问于2014-02-26得票数 4
回答已采纳
1回答
如何将4幅图像2x2放在其他图像上作为背景，CSS？
javascript、css
-- BG image --> <img src="img/height: 42.25%; left: 13%;" src="img/group_6.png">编辑
我试图
浏览 3提问于2014-05-17得票数 0
回答已采纳
8回答
用显示表格单元格对齐标签
html、css
如何使标签在以下代码中水平对齐：div { width: 200px;div input, display: table-cell;<div> <label>This is a label.</label>
<&
浏览 6提问于2016-07-19得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
