CSS垂直对齐：中间位于div内固定点上_Css

CSS垂直对齐：中间位于div内固定点上

css

CSS垂直对齐：中间位于div内固定点上,css,Css,我试图用css属性display:table-cell获取一个div；垂直对齐：居中以“应”的方式进行操作。我的期望是，这些div中的文本将垂直对齐，而不管它是否包装在锚点中下面是一个JSFIDLE：我做错了什么，阻止垂直对齐属性以垂直居中的方式呈现文本，就像本例中的标题一样。在本例中，不需要使用display:table cell甚至floatanyare 要垂直居中标题中的文本，请将的行高设置为与#h2wrap的高度匹配。或者从#h2wrap中移除高度，并增加其顶部和底部的填充将图像、

我试图用css属性

display:table-cell获取一个div；垂直对齐：居中

以“应”的方式进行操作。我的期望是，这些div中的文本将垂直对齐，而不管它是否包装在锚点中

下面是一个JSFIDLE：

我做错了什么，阻止垂直对齐属性以垂直居中的方式呈现文本，就像本例中的标题一样。

在本例中，不需要使用

display:table cell

甚至

float

anyare

要垂直居中标题中的文本，请将

的行高设置为与
#h2wrap
的高度匹配。或者从
#h2wrap
中移除高度，并增加其顶部和底部的填充

将图像、标签和按钮垂直居中放置在
中，但我认为这是最简单的解决方案。在本例中，无需使用显示：表格单元格，甚至浮动任意值要垂直居中标题中的文本，请将的行高设置为与#h2wrap 的高度匹配。或者从#h2wrap 中移除高度，并增加其顶部和底部的填充将图像、标签和按钮垂直居中放置在中，但我认为这是最简单的解决方案。在本例中，无需使用显示：表格单元格，甚至浮动任意值要垂直居中标题中的文本，请将的行高设置为与#h2wrap 的高度匹配。或者从#h2wrap 中移除高度，并增加其顶部和底部的填充将图像、标签和按钮垂直居中放置在中，但我认为这是最简单的解决方案。在本例中，无需使用显示：表格单元格，甚至浮动任意值要垂直居中标题中的文本，请将的行高设置为与#h2wrap 的高度匹配。或者从#h2wrap 中移除高度，并增加其顶部和底部的填充将图像、标签和按钮垂直居中放置在中，但我认为这是最简单的解决方案。如果有多行文本行高将无法工作有关应用垂直对齐的方法，请参见。行高无法处理需要换行的文本（我相信您已经换行了）。如果有多行文本，则必须使用display:table cell ，行高将不起作用有关应用垂直对齐的方法，请参见。行高无法处理需要换行的文本（我相信您已经换行了）。如果有多行文本，则必须使用display:table cell ，行高将不起作用有关应用垂直对齐的方法，请参见。行高无法处理需要换行的文本（我相信您已经换行了）。如果有多行文本，则必须使用display:table cell ，行高将不起作用有关应用垂直对齐的方法，请参见。行高无法处理需要换行的文本（我相信您已经换行了）。您必须使用display:table cell h2标记的垂直对齐方式由其行高值设置。h2标记的垂直对齐方式由其行高值设置。h2标记的垂直对齐方式由其行高值设置。h2标记的垂直对齐方式由其行高值设置。