Tohin

Не совпадает расчетная ширина элемента и фактическая

Рекомендованные сообщения

Есть список, в каждом элементе списка от 2 div которые содержат картинки разной ширины 452 и 215 пикселей.

Div должны располагаться в линию с заданными отступам по 10 пикселей.

Соответственно, я рассчитываю, что ширина элемента списка будет (10+452+10)+(10+215+10) =707 пикселей.

Выглядеть должно примерно так http://jsfiddle.net/8b4dso7L/3/ , но это работает только при ширине родительского элемента не менее 711 пикселей.

при задании ширины родительского элемента в 707px верстка съезжает http://jsfiddle.net/k9j1gbsp/3/

 В чем я туплю? Откуда еще 4 пикселя?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

По ночам надо спать!

Цитата

С display: inline-block проблема в том, что они на половину строчные, а значит имеют отступ друг от друга размером равным пробелу.

Например, возьмем контейнер размером в 600px с тремя элементами внутри, размер которых 200px и задано свойством display: inline-block. Если не убрать отступ, то нам не удастся разместить их в одну линию (200 *3 + 4 * 2 = 608).

Извините....

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Если к примеру использовать не inline-block  а использовать flexbox то ситуация меняется вот дэмо : http://jsfiddle.net/haq3k2b4/

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Способов избавиться от лишнего расстояния между строчно-блочными элементами несколько. Самый простой это задать для родителя этих элементов font-size:0 затем уже указать нужный размер шрифта для самих строчно-блочных элементов.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Статистика пользователей

    46 180
    Всего пользователей
    3 128
    Рекорд онлайна
    evgengold
    Новый пользователь
    evgengold
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.