我希望下面的html文档会生成一个垂直居中于黄色正方形内的红色正方形：
<html>
<body>
<div style="width:200px;height:200px;background-color:yellow">
<div style="width:100px;height:100px;background-color:red;vertical-align:middle">
</div>
</div>
</body>
</html>
但它的结果是与父div的顶部对齐。
fiddle
我做错什么了？为什么
vertical-align:middle不工作？ 最佳答案
“垂直对齐”属性影响由内联级别元素生成的框的线框内的垂直定位。Here are more details!
关于html - CSS`vertical-align:middle`不起作用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14291559/