+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Как работает высота элемента в блоке

  1. #1
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    55
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Как работает высота элемента в блоке

    Вот пример
    https://jsfiddle.net/sergei1980/amwgjLrq/

    у меня вопрос почему элементу прижимаются к низ а не начинаются с верхнего левого угла.
    И почему так расположился текст в третьем примере

    https://c.radikal.ru/c08/1906/e2/3a306f944447.png

  2. #2
    Местный Degradator скоро придёт к известности Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    2,016
    Thanks
    141
    Thanked 150 Times in 150 Posts
    очему элементу прижимаются к низ а не начинаются с верхнего левого угла
    Тебе кажется. Он начинается с левого верхнего угла. Смотри разметку и маржины.
    И почему так расположился текст в третьем примере
    Потому что текст был слишком длинным чтобы влезть в одну строку, и несколько слов перешло на следующую. Теперь представь что в твое предложение написано шрифтом 16 пикселов, а одно слово 72 пикселя. Это слово займет больше места чем весь остальной текст и увеличит строку по высоте. Тоже самое происходит с картинкой, поскольку картинка по умолчанию это строчный элемент.

+ Ответить в теме

Похожие темы

  1. onclick в блоке
    от nati 79 в разделе JavaScript
    Ответов: 1
    Последнее сообщение: 04.04.2015, 19:47
  2. фото в блоке
    от Сосо Шаурмили в разделе HTML
    Ответов: 3
    Последнее сообщение: 27.05.2013, 16:43
  3. высота inline-элемента
    от Nitrex в разделе CSS
    Ответов: 6
    Последнее сообщение: 18.06.2012, 20:18
  4. Высота элемента dl по содержимому
    от Andy Superstar в разделе HTML
    Ответов: 21
    Последнее сообщение: 13.10.2008, 14:24
  5. блок в блоке
    от Slash в разделе CSS
    Ответов: 1
    Последнее сообщение: 15.04.2008, 19:48

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения