Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html css表格单元格，内容有不必要的上边距_Html_Css_Css Tables - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html css表格单元格，内容有不必要的上边距

Html css表格单元格，内容有不必要的上边距

html css

Html css表格单元格，内容有不必要的上边距,html,css,css-tables,Html,Css,Css Tables,我在代码中使用div块的表单元格排列。我的代码中有一个问题 我的html外观预览是 当我的第一个面板中有任何内容（文本或图像）时，第二个和第三个面板的.innerdiv的上边距约为10-15像素。为什么呢 任何人都可以看一下，让我知道我遗漏了什么。添加垂直对齐：顶部在#wrapper>div中 请参见演示：我有一个类似的案例，以及垂直对齐：顶部解决了这个问题。不过，我想详细说明这背后的原因： 因为表格单元格使用垂直对齐：基线默认情况下，右侧单元格文本将与图像的基线（底部）对齐，从而在顶部创建幻

我在代码中使用div块的表单元格排列。我的代码中有一个问题

我的html外观预览是

当我的第一个面板中有任何内容（文本或图像）时，第二个和第三个面板的
.inner
div的上边距约为10-15像素。为什么呢

任何人都可以看一下，让我知道我遗漏了什么。

添加
垂直对齐：顶部在
#wrapper>div中


请参见演示：
我有一个类似的案例，以及
垂直对齐：顶部解决了这个问题。不过，我想详细说明这背后的原因：




因为表格单元格使用
垂直对齐：基线默认情况下，右侧单元格文本将与图像的基线（底部）对齐，从而在顶部创建幻影间距。因此，我们需要显式设置
垂直对齐
，以绕过此行为
 对于任何对垂直对齐信息感兴趣的人来说，这是一个很好的解释。奇怪的是，你的小提琴并不是我想象的那样，它看起来像是垂直对齐到顶部，但我在代码中的任何地方都没有看到垂直对齐，我遗漏了什么吗？如果我只是用一行非常大的文本替换图像，可能会更有意义。您将看到两个单元格与基线对齐