分类 - Code

我想用CSS垂直居中放置一个div。我不需要表或JavaScript，只需要纯CSS。我找到了一些解决方案，但都缺少Internet Explorer 6支持。

<body>
    <div>Div to be aligned vertically</div>
</body>

如何在所有主要浏览器（包括Internet Explorer 6）中垂直居中放置div？

这是困扰我的CSS小问题之一。

Stack Overflow周围的人如何在浏览器中始终垂直对齐复选框及其标签？

每当我在Safari中正确对齐它们（通常在输入上使用垂直对齐：基线），它们在Firefox和IE中就完全关闭了。

在Firefox中修复它，Safari和IE不可避免地被搞砸了。我每次编写表单时都在这上面浪费时间。

以下是我使用的标准代码：

<表单>＜div＞<label><input-type=“checkbox”/>标签文本</label></div></form>

我通常使用埃里克·迈耶的重置，所以表单元素相对来说没有覆盖。期待您提供的任何提示或技巧！

为什么不垂直对齐：中间工作？然而，垂直对齐：顶部确实有效。

跨度{垂直对齐：中间；}＜div＞<img src=“https://via.placeholder.com/30“alt=”小img“/><span>不起作用</span></div>

在HTML表格中，单元格填充和单元格间距可以这样设置：

<table cellspacing="1" cellpadding="1">

如何使用CSS实现这一点？

我如何用CSS垂直集中一个 <div> 在另一个 <div> 中?

<div id="outer">
  <div id="inner">Foo foo</div>
</div>

如何在所有使用CSS的浏览器中垂直居中放置div元素？