Посмотрите на эту строку текста. Обратите внимание, что нет букв, которые нарушают базовый уровень.
Теперь посмотрите на следующее предложение:
Просто пересекая мост, он, вероятно, сбежал.
Обратите внимание на буквы j , g , p и y . Эти буквы, известные в типографии как спусковые устройства , нарушают базовый уровень .
Источник: Wikipedia.org sup>
Значение по умолчанию свойство
vertical-align
равноbaseline
. Это относится к элементам встроенного уровня.Ваш
img
является встроенным по умолчанию и, как и текст,span
,input
,textarea
и другие встроенные блоки, выровнен по базовой линии. Это позволяет браузерам предоставлять пространство, необходимое для размещения спусковых устройств.Обратите внимание, что зазор не создается с помощью полей или отступов, поэтому его нелегко обнаружить в инструментах разработчика. Это небольшое возвышение контента от нижнего края контейнера в результате выравнивания базовой линии.
Вот несколько способов справиться с этим:
- Применить
vertical-align: bottom
к тегуimg
. В некоторых случаяхbottom
не будет работать, поэтому попробуйтеmiddle
,top
илиtext-bottom
.
- Переключение с
display: inline
наdisplay: block
.
- Настройте свойство
line-height
для контейнера. В вашем коде ссылки (так как удалено из-за linkrot ),line-height: 0
добился цели.
- Установите
font-size: 0
на контейнере. При необходимости вы можете восстановить размер шрифта дочернего элемента напрямую.Связано:
Обычно я беру пару случайных задач из Project Euler: http://projecteuler.net/
Мне нравятся упражнения из CodeKata . Они не слишком легкие и не слишком сложные. Укрепите свой разум с их помощью!
Мне очень нравятся проблемы на spoj.pl . Это можно сделать на некоторых языках. Ваш может быть одним из таких.
Я где-то читал, что создание блога - это HelloWorld 2.0, я видел, что вам не нужны большие приложения, но я решил поделиться этим
Вы можете попробовать этот список из JobSnake , чтобы познакомиться с новым языком программирования.
Попытка написать для него компилятор / интерпретатор. Это открывает множество темных уголков языка, а также помогает понять причины, лежащие в основе особенностей языка.