Задать вопрос
@unlik
html

Как задать минимальный отступ между пунктами?

Имеется меню в верстке codepen.io/aliencash/pen/VLaVee

При уменьшении окна пункты меню наезжают друг на друга. Как задать минимальное расстояние между пунктами меню?
  • Вопрос задан
  • 1263 просмотра
Комментировать
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 4
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI 
.menu a {
  display: block;
  padding: 0 10px;
}
Ответ написан
1 комментарий
1 комментарий
aliencash
@aliencash
Партизан
Не надо min-width делать, теряется резиновость. Вот так сделайте:
.menu li {
  text-align: center;
  background: #c5f;
  width: 24%;
  margin-right: 1.33333333%;
}
.menu li:last-child {
  margin: 0;
}

Автор, как вы чему-то научитесь если сами думать не будете?
Ответ написан
4 комментария
4 комментария
@GreatRash
Нафига у вас там calc? Делать двухколоночный макет при помощи инлайн-блоков... такого изврата я ещё не видел! У вас в вёрстке творится ад! Половина элементов вообще не нужны. Зачем вы комментируете переносы строк?
Ответ написан
Комментировать
Комментировать
petyagrill
@petyagrill
.menu li {
white-space:nowrap;
}

И уберите ширину
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Отрисовать дизайн страницы "Календарь мероприятий" для школы бизнеса
20 апр. 2024, в 16:12
1000 руб./за проект
Разработать англоязычную версию корпоративного сайта на Statamic
20 апр. 2024, в 15:58
1500 руб./в час
Запись обучающих роликов и написание по машинному обучению
20 апр. 2024, в 15:40
3000 руб./за проект
Ещё заказы