为什么我的显示器没有:table-cell元素填充可用空间？
在CSS布局中，:table-cell元素的填充空间取决于其父元素的布局方式。如果父元素没有正确地设置为display: table，那么:table-cell元素将无法正常工作。
以下是一些建议，以确保:table-cell元素正确填充可用空间：
- 确保父元素的
display属性设置为table。 - 确保
:table-cell元素的display属性设置为table-cell。 - 如果需要，可以为父元素设置
width和height属性，以确保其具有足够的空间来容纳:table-cell元素。 - 如果需要，可以为
:table-cell元素设置width和height属性，以确保其具有足够的空间来容纳其内容。
以下是一个简单的示例，演示了如何使用:table-cell元素正确填充可用空间：
<!DOCTYPE html>
<html>
<head><style>
.table {
display: table;
width: 100%;
height: 100%;
}
.table-cell {
display: table-cell;
width: 50%;
height: 50%;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="table">
<div class="table-cell">Cell 1</div>
<div class="table-cell">Cell 2</div>
</div>
</body>
</html>在这个示例中，我们使用:table-cell元素创建了一个表格布局，其中两个单元格占据了50%的可用空间。我们还为父元素设置了width和height属性，以确保其具有足够的空间来容纳:table-cell元素。
相关·内容
2回答
我希望能够创建一个填充可用空间的文本区。
但是，由于不同的显示器分辨率，我不认为我可以简单地指定字符宽度。有没有办法在没有太多逻辑的情况下为每组显示器分辨率指定不同的字符宽度。
浏览 1提问于2009-11-02得票数 2
回答已采纳
1回答
我正在尝试在我正在使用的页面中创建一个带有标题的图像。在图像选项中，我让它对齐，图像宽度为220。在没有标题的情况下，我没有问题，但是在添加标题时，它添加了一个div包装器，其内联样式宽度为230 it。解决这一问题的唯一方法是将图像选项中的宽度手动设置为210 to，然后使内联宽度为220 to (它只是将10 to添加到值中)。
如何防止将这个额外的10 to添加到内联样式宽度
浏览 0提问于2011-04-08得票数 2
我试图使列出的图像填充所有的div宽度，而不留下任何空间的左和右(平等分布)。
我试过用显示器..。但这不管用： display: table;}
display: table-cell;
width:20%;
浏览 2提问于2016-01-09得票数 1
回答已采纳
4回答
因此，我需要创建一个水平列表，其中第一个列表元素具有固定的宽度，而最后一个list元素应该填充可用的宽度。问题是，尽管我已经为第一个元素设置了width，但最后一个元素仍然填充了整个行。为什么第二个元素忽略第一个元素的宽度？:red;}
background:blue;
浏览 3提问于2013-11-24得票数 0
回答已采纳
我试图以表格的方式显示一个面板，
我的插件代码是。现在，我使用display:table-row将NAME标签和My Venue值放在一个位置。当我给table-cell显示器50%的宽度时，它会插入下一行，我可以通过将宽度定为table-cell显示器的49%来修复它。我很好奇为什么50%宽度会将它分成不同的
浏览 2提问于2016-04-15得票数 0
回答已采纳
我正在尝试做一个把手的部分模板，以创建一个多行复选框的设计规格给我的基础上，由用户体验设计师。 </div>
<
浏览 24提问于2016-07-21得票数 0
回答已采纳
2回答
我正在使用display:table与固定的表格布局，以显示一些数据在一个网络应用程序。但是，当第二列是input元素时，这似乎不像预期的那样工作。在这种情况下，第二列保留指定的宽度，第一列占表的50%。额外的空间是而不是，分布
浏览 1提问于2015-02-05得票数 3
回答已采纳
1回答
我必须让div浮动，一个在左边，另一个在右边。我想要做的(没有js)是让正确的div填充可用的空间(width: 100%)。问题是，左边的div有一个动态宽度，否则我可以简单地使用空白符- left。我还尝试了display: table-cell；但这不允许我使用边距，只允许使用边框间距。
有什么建议吗？
浏览 3提问于2012-06-24得票数 0
2回答
我最近注意到，可以使用display: table-row;在元素上使用display: table-cell;，而不使用元素将其括起来<div style="display: table;"> Text</div&g
浏览 0提问于2013-09-19得票数 33
回答已采纳
2回答
我想做一个如下的布局：[___][_***_____________________________________________________________]没有星星的元素有固定的宽度，有星星的元素应该填满所有剩
浏览 1提问于2013-11-26得票数 0
请看这个小提琴：
.label1 display: inline-block;{}
所以这两个标签是相同的为什么它们有不同的宽度？为什么一个超出了它的容器，而另一个没有？
浏览 0提问于2019-02-20得票数 3
我想做的只是在页面上居中一些div。外部是一个固定的大小，是通过margin: 0 auto水平居中。在这个div里面，我有几张图片并排在另一个div里面，把它们包装成它们的大小。我想把这个div垂直地和水平地放在外部div内。更新：
让我更清楚地知道问题到底是什么。我很想使用display: table-cell技巧来启用vertical-align: middle，但问
浏览 2提问于2012-03-14得票数 1
回答已采纳
2回答
我有两个硬币。一个是左边的，一个是右边的。左边的宽度设置为18%，最小宽度为217 18。我想让右边的div占据剩余的空间，同时也可以调整大小以适应窗口。我遇到的问题是，我可以将右div的宽度设置为82%，并将其向右浮动，直到使窗口一侧太小为止，在这种情况下，左div的最小宽度就会启动，并且停止收缩。右边的div没有足够
浏览 0提问于2014-01-04得票数 0
回答已采纳
1回答
我在TabPane选项卡中放置了一些内容，但在我看来，TabPane的宽度与选项卡中最长的元素相等(图片上看不到最长的元素)。TabPane在一个具有零值锚的AnchorPane内部，这就是为什么我希望它能填充整个空间，而不仅仅是内部最长元素的大小。如何使TabPane填充所有可用空间？更新：
<e
浏览 0提问于2016-05-13得票数 0
回答已采纳
在这种情况下，为什么复选框边框与包含元素之间存在空空间，因为所有元素的边距和填充值为0？border: 1px solid #cccccc; padding: 0; display: table-cell找不到对这个案子有用的答案。谢谢！
浏览 9提问于2014-05-22得票数 4
回答已采纳
3回答
我有以下几点：#innerLabels, display: inline-block; height: 200px; border-width: 1px; width: 80%;.innerLabel div { <div class="in
浏览 3提问于2016-07-05得票数 1
回答已采纳
1回答
我正在寻找将我的输入字段扩展到容器的所有可用空间，而不是超出元素的技巧。我准备了 witch看起来可以只在铬。FF看起来很好，但在IE中没有结果。
我有一个容器DIV，一行包含输入和文本(SPAN)。文本可以更改(例如翻译)，因此我不知道文本宽度。在我的示例中，我使用了display: table-cell，请查看我的<
浏览 0提问于2013-04-22得票数 1
回答已采纳
1回答
使用display:table;，我试图在一个固定宽度的容器内垂直对齐两个具有不同高度的内联div。display:table;和带有vertical-align: middle;的display:table-cell是一个非常简单的解决方案，可以在某些情况下工作--然而，在这种情况下，我似乎遗漏了一些东西我的小提琴的结果是一个正确的垂直对齐，但是每个元素都没有保
浏览 1提问于2016-12-17得票数 2
回答已采纳
1回答
两个固定宽度元素之间的未知宽度
、、、、
前言:我通常不是一个UI的人，所以如果我对CSS有一个严重的误解，请原谅我。请知道，这个问题是经过几个小时的研究/把我的头撞到墙上的:)
本质上，我要做的是将一个未知数量的元素扩展到一个未知宽度的空间中，在两个已知宽度的元素之间，所有这些元素都在一个可变宽度的容器内
浏览 5提问于2013-10-23得票数 1
回答已采纳
我在父服务器上使用display:table，并使用display:table-cell将每个元素封装在容器中，除了一个无法解决的bug之外，它工作得很好。:table-cell;给出这个值，这是可以的：但是，理想情况下，我需要它来填充一个大小未定的网格列，而不是由浏览器来决定我的元素应该有多大。我可以接受这一点，但用我目前<e
浏览 2提问于2014-08-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
