Webkit добавляет нежелательные, дополнительное пространство над одиночным текстовым символом - PullRequest
Новая
       46

Webkit добавляет нежелательные, дополнительное пространство над одиночным текстовым символом

0 голосов
/ 02 декабря 2011

Есть ситуация, когда я добавляю один символ в элемент div с фоном кнопки. Кажется, довольно прямо. Тем не менее, расположение текста отличается между FF и Safari / Chrome. Я создал базовую страницу с одним div и одним символом, чтобы проиллюстрировать проблему. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <title></title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            .testDiv{
                height: 100px;
                width: 100px;
                background: blue;
                color: #fff;
                font-size: 50px;
                font-family: helvetica;
            }
        </style>
    </head>
    <body>

<div class="testDiv">
    1
</div>
</body>
</html>

1 Ответ

0 голосов
/ 02 декабря 2011

WebKit и Mozilla, похоже, имеют разные мнения о том, как обрабатывать высоту строки. Самое близкое, что вы собираетесь получить, это добавить высоту строки: 1; к вашему правилу .testDiv, которое немного поможет, прежде чем вы начнете возиться со свойствами, специфичными для webkit.

...