在不使用JavaScript的情况下将HTML元素与父元素的中间对齐 我想把A放在一个元素的中间。水平对齐很容易，当然垂直对齐可以用JS来完成，但是我确信有更好的方法用CSS来完成。有什么诀窍
另外，我需要一个带有HTML5元素的应用程序，所以我不介意该解决方案是否只适用于支持画布的浏览器，以及在使用插件时支持画布的IE 7,8 编辑：可以在支持CSS3属性resize的浏览器中调整div的高度和宽度。不过，我并不太介意 另一个编辑：我也不知道div的高度，即使它没有调整大小 编辑：见现场演示 本例使用JS。洛克塔-谢谢你的链接在不使用JavaScript的情况下将HTML元素与父元素的中间对齐 我想把A放在一个元素的中间。水平对齐很容易，当然垂直对齐可以用JS来完成，但是我确信有更好的方法用CSS来完成。有什么诀窍,html,css,Html,Css,另外，我需要一个带有HTML5元素的应用程序，所以我不介意该解决方案是否只适用于支持画布的浏览器，以及在使用插件时支持画布的IE 7,8 编辑：可以在支持CSS3属性resize的浏览器中调整div的高度和宽度。不过，我并不太介意 另一个编辑：我也不知道div的高度，即使它没有调整大小 编辑：见现场演示 本例使用JS。洛克塔-谢谢你的链接 谢谢, 如果该元素不需要换行，则快速而肮脏的方法是将行高度设置为等于div height（假设为静态高度）。如果该元素不需要换行，则快速而肮脏的方法是将行高度
谢谢, 如果该元素不需要换行，则快速而肮脏的方法是将行高度设置为等于div height（假设为静态高度）。如果该元素不需要换行，则快速而肮脏的方法是将行高度设置为等于div height（假设为静态高度） 垂直对齐的一种方法是将行高度设置为容器的高度
#parent{
width: 200px;
height: 300px;
line-height: 300px;
text-align:center;
}
#parent{
width: 200px;
height: 300px;
line-height: 300px;
text-align:center;
}
<html>
<head>
<style>
#outer
{
position: relative;
border: 1px solid #000;
width: 400px;
height: 400px;
margin: 20px;
padding: 20px;
}
#inner
{
position:absolute;
top:25%;
right:25%;
bottom:25%;
left:25%;
width: 200px;
height: 200px;
background-color: #ccc;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner"></div>
</div>
</body>
<html>
<head>
<style>
#outer
{
position: relative;
border: 1px solid #000;
width: 400px;
height: 400px;
margin: 20px;
padding: 20px;
}
#inner
{
position:absolute;
top:25%;
right:25%;
bottom:25%;
left:25%;
width: 200px;
height: 200px;
background-color: #ccc;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner"></div>
</div>
</body>
如果要对齐的图元具有固定大小，请为其指定绝对位置，并使其顶部和左侧各为50%。然后，将边距顶部的高度减半，将边距左侧的宽度减半。e、 g html:
如果要对齐的图元具有固定大小，请为其指定绝对位置，并使其顶部和左侧各为50%。然后，将边距顶部的高度减半，将边距左侧的宽度减半。e、 g html:
您还可以使用“显示：表格”、“显示：表格单元格”和“垂直对齐：中心”等类似于“居中”。它将调整以适应内容，但不幸的是宽度将保持容器的100%。您可以看到它已被使用您还可以使用“显示：表格”、“显示：表格单元格”和“垂直对齐：居中”等。它将调整以适应内容，但不幸的是宽度将保持容器的100%。您可以看到它已被使用是否要垂直固定高度对齐的div？是否要垂直固定高度对齐的div？是否将其设置为高度，而不是高度/2np.：很好的解决方案，顺便说一句，必须记住这一点。您将其设置为“高度”，而不是“高度/2np”：很好的解决方案，顺便说一句，你必须记住这一点。对你的想法稍作改变-！它可能在IE7中不起作用，但这是非常无关紧要的。只需对您的想法做一点小小的改变-！它可能在IE7中不起作用，但这并不重要。