Как задать расстояние между пунктами списка?
Второй способ следующий — для селектора li добавляем свойство line-height, значение в виде дробного числа подбираем самостоятельно. В примере 2 используется значение 1.8.
Пример 2. Использование line-height
- создание пунктуальности (никогда не будете никуда опаздывать);
- излечение от пунктуальности (никогда никуда не будете торопиться);
- изменение восприятия времени и часов.
Этот способ менее универсален, поскольку line-height воздействует на все строки. Вид списка зависит от переносов строк; если переносов нет, то мы получим результат, показанный на рис. 2. Если в тексте имеются переносы, то получим результат как на рис. 3.
Рис. 2. Межстрочное расстояние
Рис. 3. Межстрочное расстояние при переносе строк
См. также
- line-height
- line-height в CSS
- margin-bottom
- Атрибут bottommargin
Равные и пропорциональные отступы между ссылками CSS
Нужно задать равный и пропорциональный размерам страницы отступ между ссылками и окном браузера. Также нужно чтобы все это было адаптивным.
Отслеживать
задан 2 янв 2018 в 22:41
85 1 1 золотой знак 1 1 серебряный знак 9 9 бронзовых знаков
Нужно? Задайте . В чем именно вы видите проблему?
3 янв 2018 в 0:07
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
.header < display:flex; justify-content:space-around; align-items:center; flex-wrap:wrap; >.header a< /*Чтобы ничего не слиплось*/ display:inline-block; padding:10px; > ссылка1 ссылка1 ссылка2 Отслеживать
ответ дан 3 янв 2018 в 7:34
10.4k 2 2 золотых знака 15 15 серебряных знаков 36 36 бронзовых знаков
Большое спасибо. Только для адаптивности я изменил пиксели на нужное число %.
3 янв 2018 в 10:06
Да не за что. Я бы, кстати, не советовал задавать поля и отступы(особенно вертикальные) в процентах.
3 янв 2018 в 10:22
- html
- css
- веб-программирование
- адаптивная-верстка
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.1.3.2953
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Подскажите как увеличить растояние между ссылками?
Site Joomla-Support.ru is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
Внимание! Проект Joomla-Support.ru официально никак не связан с Open Source Matters и не представляет Open Source Matters или Joomla! Project
Информация, опубликованная на форуме, не может считаться одобренной или рекомендованной Open Source Matters или Joomla! Project.
Название и логотип Joomla!® используются по ограниченной лицензии, предоставляемой Open Source Matters, владельцем торговой марки в Соединенных Штатах и других странах.
Как сделать отступ между ссылками в css
Для того чтобы управлять внешними отступами, т.е. отступами между элементами на странице — необходимо использоваться свойство margin .
Свойство margin определяет внешний отступ на всех четырёх сторонах элемента. Это сокращение, которое устанавливает все отдельные поля одновременно: margin-top, margin-right, margin-bottom и margin-left.
У свойства margin есть одна особенность — оно не дает нужный результат когда применятся к строчным элементам. Например ссылкам. Чтобы исправить ситуацию, нужно изменить свойство display у тега на значение inline-block;
Исходный HTML документ:
href="#">ссылка 1 href="#">ссылка 2 href="#">ссылка 3 href="#">ссылка 4 Применив стиле ниже, мы добавим каждой ссылке вкруг отступ по 40px.
a display: inline-block; margin: 40px; >