Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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 如何在div内垂直对齐表格_Html_Css_Html Table_Vertical Alignment - Fatal编程技术网

Html 如何在div内垂直对齐表格

Html 如何在div内垂直对齐表格,html,css,html-table,vertical-alignment,Html,Css,Html Table,Vertical Alignment,我有一个设置了维度的背景div,其中包括一个table元素 我正在寻找一种方法,将桌子放在div的左中。左很容易,中间我无法工作。这就是我所拥有的: HTML 有人能告诉我如何垂直对齐桌子吗 Div通常不允许垂直对齐。唯一的选择是让它看起来像一个表格单元格,或者做一些像边距/填充这样的事情,看起来你的表格是垂直对齐的。Div通常不允许垂直对齐。唯一的选择是让它像一个表格单元格,或者做一些像边距/填充这样的事情,看起来你的表格是垂直对齐的。只需定位:相对于div中的表格,并给它顶部:50%,左侧:

我有一个设置了维度的背景div,其中包括一个table元素

我正在寻找一种方法,将桌子放在div的左中。左很容易,中间我无法工作。这就是我所拥有的:

HTML


有人能告诉我如何垂直对齐桌子吗

Div通常不允许垂直对齐。唯一的选择是让它看起来像一个表格单元格,或者做一些像边距/填充这样的事情,看起来你的表格是垂直对齐的。

Div通常不允许垂直对齐。唯一的选择是让它像一个表格单元格,或者做一些像边距/填充这样的事情,看起来你的表格是垂直对齐的。

只需定位:相对于div中的表格,并给它顶部:50%,左侧:50%

你可以把左边的拿出来,用上面的


只是位置:相对于div中的表,并将其置于顶部:50%,左侧:50%

你可以把左边的拿出来,用上面的


使用顶部:50%不会把它放在中间,你必须使用Calc,但这需要一个固定的高度,这对我来说似乎从来没有用过Top:为了将来的参考,如果你想要水平对齐,然后使用这个例子:

width: 300px;
left: calc (50% - 150PX)

-150 px相当于宽度的一半。

使用顶部:50%不会把它放在中间,你必须使用Calc,但这需要一个固定的高度,这对我来说似乎从来没有用过Top:为了将来的参考,如果你想要水平对齐,然后使用这个例子:

width: 300px;
left: calc (50% - 150PX)

-150px相当于宽度的一半。

,你在谷歌上搜索了什么?网上有成千上万的教程,其中有你想要的答案。只需使用相对位置/绝对位置修复它。。。别管垂直对齐了,你在谷歌上搜索了什么?网上有成千上万的教程,其中有你想要的答案。只需使用相对位置/绝对位置修复它。。。别介意垂直对齐。正确,刚刚找到这个:正确,刚刚找到这个:
width: 300px;
left: calc (50% - 150PX)