Равные и пропорциональные отступы между ссылками 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.
Как сделать отступ между элементами в css
Говоря об отступах, приходится иметь дело с двумя свойствами в CSS — margin и padding .
Свойство margin определяет внешний отступ на всех четырёх сторонах элемента. Это сокращение, которое устанавливает все отдельные поля одновременно: margin-top, margin-right, margin-bottom и margin-left.
Свойство padding устанавливает внутренние отступы/поля со всех сторон элемента. Область отступов это пространство между содержанием элемента и его границей. Отрицательные значения не допускаются. Свойство padding краткая форма записи свойств, чтобы не писать отдельное правило для каждой стороны (padding-top, padding-right, padding-bottom, padding-left).
Таким образом чтобы сформировать отступы между элементами правильно использовать — margin. Рассмотрим пример.
class="box">Блок №1 class="box">Блок №2 class="box">Блок №3 Применив стили ниже, каждый из блоков получит отступ снизу в 25px
.box background-color: #38d9a9; height: 100px; width: 125px; margin-bottom: 25px; > Как сделать отступ между ссылками в 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; > Подскажите как увеличить растояние между ссылками?
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, владельцем торговой марки в Соединенных Штатах и других странах.