CSS: как убрать боковой отступ для списка
И тем не менее до элементов списка есть отступ слева. Как от него избавиться?
На сайте с 16.10.2006
24 января 2011, 20:03
замените на:
.main_text li, .main_text ul
На сайте с 21.04.2010
25 января 2011, 03:22
По умолчанию значение свойства list-style-position установлено outside, т.е блок маркера находится за пределами главного структурного блока. Если для list-style указано свойство none, то маркера нет, но его блок визуально отодвигает основной. Установите элементу ul
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Как убрать отступ у последнего элемента css
Для того, чтобы убрать отступ у последнего элемента, например в списке, можно воспользоваться псевдоклассом :last-child .
Рассмотрим пример. Имеется маркированный список, в правилах css задан отступ снизу у каждого элемента li в 10px;
123 456 789
li margin-bottom: 10px; > li margin-bottom: 10px; > li:last-child margin-bottom: 0px; > Как изменить отступ слева от маркеров списка?
Задать произвольное расстояние между маркерами списка и текстом справа от него.
Решение
Добавьте свойство margin-left к селектору UL или OL , соответственно, для маркированного или нумерованного списка. Браузер Firefox, Safari и Chrome одновременно с отступами добавляет к списку поля (свойство padding ), поэтому для одинакового отображения списка в разных браузерах необходимо обнулить значение padding , как показано в примере 1.
Пример 1. Отступ слева от списка
HTML5 CSS 2.1 IE Cr Op Sa Fx
Результат данного примера показан на рис. 1.
Рис. 1. Список сдвинут влево от своего исходного положения
Значение margin-left подбирается экспериментально исходя из собственных предпочтений. Допускается также использовать отрицательную величину, только учтите, что маркеры и текст могут при этом «уехать» за край окна браузера.
HTML по теме
CSS по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Как убрать отступ слева перед HOME ( padding ) у списка ul li, который выстроен горизонтально?
Как убрать отступ слева перед HOME ( padding ) у списка ul li , который выстроен горизонтально?
- Вопрос задан более трёх лет назад
- 414 просмотров
1 комментарий
Простой 1 комментарий
так там нет отступа же
Решения вопроса 0
Ответы на вопрос 1
Как раз таки этот код у вас работает.
&:first-child
&:last-child
нет.
Все потому что у последнего элемента нет паддинга справа. Вы задали фиксированную ширину его родителю и обертке. Хотите его убрать, уменьшите ширину или добавьте
.list
если хотите растянуть содержимое на всю ширину
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- JavaScript
- +1 ещё
Почему popup окно открывается только со второго нажатия?
- 1 подписчик
- час назад
- 18 просмотров