Форум

bartonom · #1 (**permalink**) 07.04.2013, 14:43

Три ссылки, обрамленные границей, отступают друг от друга по непонятной причине на 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>

Но хотелось понять, чего вдруг-то, в чем причина отступа?

dmitriymar · #2 (**permalink**) 07.04.2013, 14:57

А это то каким боком к js?
какие настройки в браузере стоят?
ресет таблица используется?

nikita.mmf · #3 (**permalink**) 07.04.2013, 17:20

это не баг.

danik.js · #4 (**permalink**) 08.04.2013, 02:31

Дожили. Пробел багом называют )))
Переносы и табуляция между строчными элементами (верней, отображаемыми строчно) в 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>

danik.js · #5 (**permalink**) 08.04.2013, 02:36

В 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. И как оно будет тормозить на большом числе элементов )

Форум

Справочник

Discord чат

Курсы javascript