Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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 - Fatal编程技术网

Html 将标签居中+;在div内下拉

Html 将标签居中+;在div内下拉,html,css,Html,Css,我有以下html: 一个div,其中包含一个标签和该标签的下拉列表(选择)。在标签和下拉列表上放置垂直对齐:居中,结果是标签居中,但下拉列表未居中。我认为的中心是“下拉上方和下方的等距”。IE显然认为居中的是将下拉列表的底部与标签的底部对齐,不幸的是,这看起来不太好。我怎样才能解决这个问题 编辑:不紧急,因为位置:相对;轻松解决问题,但使用位置:相对;让我恼火的是,这不必要。垂直居中是一种 在螺母壳中,需要为元件提供一个绝对位置,顶部为50%。因为top是通过包含元素的高度来测量的。这会将半成品

我有以下html:

一个div,其中包含一个标签和该标签的下拉列表(选择)。在标签和下拉列表上放置垂直对齐:居中,结果是标签居中,但下拉列表未居中。我认为的中心是“下拉上方和下方的等距”。IE显然认为居中的是将下拉列表的底部与标签的底部对齐,不幸的是,这看起来不太好。我怎样才能解决这个问题


编辑:不紧急,因为位置:相对;轻松解决问题,但使用位置:相对;让我恼火的是,这不必要。

垂直居中是一种


在螺母壳中,需要为元件提供一个绝对位置,顶部为50%。因为
top
是通过包含元素的高度来测量的。这会将半成品的顶部放在容器中。然后你给它一个负的上边距,是元素高度的一半。

垂直居中是一种


在螺母壳中,需要为元件提供一个绝对位置,顶部为50%。因为
top
是通过包含元素的高度来测量的。这会将半成品的顶部放在容器中。然后给它一个负的上边距,即元素高度的一半。

使用垂直对齐属性基本上是错误的。它只能在表格单元格中按预期工作。不在div上。它也是垂直对齐的:中间;不是中心

垂直对齐:中间:将元素的垂直中点与 父元素的基线 加上父对象x高度的一半

我认为这篇文章清楚地解释了原因:

这里的关键是
baseline
,因为这是元素对齐的点


示例:

使用垂直对齐属性基本上是错误的。它只能在表格单元格中按预期工作。不在div上。它也是垂直对齐的:中间;不是中心

垂直对齐:中间:将元素的垂直中点与 父元素的基线 加上父对象x高度的一半

我认为这篇文章清楚地解释了原因:

这里的关键是
baseline
,因为这是元素对齐的点


示例:

发布您的实际代码。为什么“相对位置”会让你烦恼呢?这是一个非常有效和有用的css属性。@easwee我的实际代码与描述完全一样,只是它的垂直对齐:中间;不居中(这是一个打字错误)。发布你的实际代码。为什么“相对位置”会让你烦恼呢?这是一个非常有效和有用的css属性。@easwee我的实际代码与描述完全一样,只是它的垂直对齐:中间;不在中间(这是一个打字错误)。实际上,链接“中间”的示例图像似乎完全符合我的意图。我有点不明白。不过,谢谢你的例子——谢谢。事实上,这个链接中的“中间”的示例图像似乎正是我想要的。我有点不明白。不过,谢谢你的例子——谢谢。我会用这个技巧来代替。