Архив рубрики: CSS

CSS, html

Выравнивание по вертикали и горизонтали с помощью css

Привет всем! Сегодня — короткий пост о теме, которая звучит как «Выравнивание по вертикали и горизонтали с помощью css». Собственно — проблема достаточно распространенная — есть картинка или текст, которую нужно выставить по центру не только по горизонтали (это-то как раз очень просто), но и по вертикали. Давайте решим эту проблемку 😉 Читать далее Выравнивание по вертикали и горизонтали с помощью css →

CSS

Выезжающий слой с помощью CSS

Привет всем! Сегодня была интересная для реализации задача: выезжающий слой… вариантов нагуглено было немало (я вообще не сторонник изобретать велосипеды, и с удовольствием использую Google для решения подобного типа задач), но больше всего понравился вариант решения данной задачи с помощью CSS без подключения сторонних библиотек. Читать далее Выезжающий слой с помощью CSS →

CSS

Как задать межстрочный интервал с помощью CSS?

Привет всем! Сегодня мы разберемся с вопросом — Как задать межстрочный интервал с помощью CSS.

Для этого нужно всего лишь использовать атрибут line-height: . Важно — межстрочный интервал можно задать как в процентах, так и в пикселях. Пример работы кода — чуть ниже (в качестве текста-заглушки использован кусок из любимой мною книги «Мастер и Маргарита»).

И сразу чуть больше подробностей. В самой левой колонке межстрочный интервал задан в процентах: 200%. В средней колонке межстрочный интервал так же задан в процентах — 50%, а уже в самой правой колонке межстрочный интервал задан в пикселях, и равен 10 px.

See the Pen qVpvQv by Lavrynenko (@Lavrynenko) on CodePen.

Конечно же, в случае возникновения вопросов пишите на почту.

[contact-form-7 id=»2777″ title=»Контактная форма 1″]

CSS

CSS выравнивание текста по вертикали и горизонтали

css выравнивание текста по горизонталиПривет, друзья!
Сегодня мы продолжим изучение CSS-стилей, и узнаем, каким образом можно сделать выравнивание текста по вертикали и горизонтали с помощью CSS.

Как всегда — пример рабочего кода будет доступен на вставке с ресурса http://codepen.io 🙂

Начнем с выравнивания текста по вертикали. Разделить этот момент можно на три части: выравнивание по верхнему краю, выравнивание по нижнему краю, и выравнивание по центру. Читать далее CSS выравнивание текста по вертикали и горизонтали →