0

在以下代码的示例中，

<html>
<head>
<style>
.gallery li {
    border: 1px dotted black;
    width:100px;
    height:100px;
    float:left;
    list-style:none;
    margin:10px;
    text-align:center;
    line-height:100px;
    vertical-align:middle;
}
</style>
</head>
<body>
<ul class="gallery">
    <li>
        <img src="http://dummyimage.com/20x20/000/000000.png" />
    </li>
</ul>
</body>
</html>

我发现，只有 Firefox 可以使它垂直居中。虽然 Opera 和 Chromium (Google Chrome) 不能这样做。无论如何在 Opera 和 Chromium 中解决这个问题？

4

1 回答 1

1

将 a 放在元素之前，例如DOCTYPE，html

<!DOCTYPE html>
<html>
于 2013-01-28T04:32:58.953 回答