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

要素のDOCTYPE前にaを付けます。例：html

<!DOCTYPE html>
<html>
于 2013-01-28T04:32:58.953 に答える