"Трехпиксельный" баг?
Три ссылки, обрамленные границей, отступают друг от друга по непонятной причине на 5px.
(О трехпиксельном баге в IE6 и т.п. известно.) Но здесь-то не три пискселя и не прошлый IE6. Да и в разных браузерах Ghrome, IE10, Safari - все то же самое <body> <a style=" border:1px solid #CCC">Блок 1</a> <a style=" border:1px solid #CCC">Блок 2</a> <a style=" border:1px solid #CCC">Блок 3</a> </body> Можно конечно избавиться от этого, стилем, например:
<style>
a { margin-left:-5px; }
</style>
Но хотелось понять, чего вдруг-то, в чем причина отступа? |
А это то каким боком к js?
какие настройки в браузере стоят? ресет таблица используется? |
это не баг.
|
Дожили. Пробел багом называют )))
Переносы и табуляция между строчными элементами (верней, отображаемыми строчно) в HTML-исходнике интерпретируются как пробел. То есть это то же самое, что и <body> <a style=" border:1px solid #CCC">Блок 1</a> <a style=" border:1px solid #CCC">Блок 2</a> <a style=" border:1px solid #CCC">Блок 3</a> </body> |
В Firefox работать не будет:
<body> <a style=" border:1px solid #CCC">Блок 1</a> <a style=" border:1px solid #CCC">Блок 2</a> <a style=" border:1px solid #CCC">Блок 3</a> <script> alert(document.body.innerText) </script> </body> Кстати в кто-то мне говорил что мол innerText в Файрфоксе не особо нужен ибо есть textContent. Посмотрю я как сделать полноценную замену innerText через textContent. И как оно будет тормозить на большом числе элементов ) |
| Часовой пояс GMT +3, время: 19:07. |