Я хочу удалить все отступы от ul
. Я попытался установить margin
, padding
, text-indent
к 0
, но безрезультатно. Кажется, что установка text-indent
на отрицательное число делает свое дело - но действительно ли это единственный способ удалить отступ?
260
Ответы:
Установите стиль списка и левый отступ ни к чему.
Показать фрагмент кода
Для поддержания пули вы можете заменить
list-style: none
сlist-style-position: inside
или стенографииlist-style: inside
:Показать фрагмент кода
источник
list-style-position: outside; padding-left: 1em;
на<ul>
1em
штука имеет магическую ценность ... И на самом деле осталось еще немного отступов.Мое предпочтительное решение для удаления отступов <ul> - простая однострочная CSS:
Это решение не только легкое, но и имеет множество преимуществ:
Устаревшая информация:
для IE версии 8 и ниже вы должны использовать margin-left:
источник
ul { padding-left:1.2em; margin-left: 0; }
Добавьте это к вашему CSS:
Это поместит элементы li в тот же отступ, что и другие абзацы и текст.
Ссылка: http://www.w3schools.com/cssref/pr_list-style-position.asp
источник
list-style-position: inside
выравнивает текст второй и всех последующих строк с маркером. Это, конечно, не желательно.display:table-row;
также избавится от отступа, но удалит пули.источник
Удалить обивка:
источник
Можете ли вы предоставить ссылку? Спасибо, я могу взглянуть. Скорее всего, ваш селектор CSS не достаточно сильный, или вы можете попробовать
padding:0!important;
источник
!important
это ЗЛОУ меня та же проблема с нижним колонтитулом, который я пытаюсь разделить. Я обнаружил, что это работает для меня, попробовав несколько из вышеперечисленных предложений в сочетании:
Это, кажется, держит его слева под моим h1, и пуля указывает внутри div, а не снаружи налево.
источник
Демонстрационная версия: https://jsfiddle.net/h8uxmoj4/
Поскольку исходный вопрос неясен относительно его требований, я попытался решить эту проблему в соответствии с рекомендациями, установленными другими ответами. В частности:
Я также хотел найти решение, которое бы не зависело от согласования браузерами того, сколько отступов использовать. Я добавил упорядоченный список для полноты.
источник
Делая это inline, я установил поле на 0 (ul style = "margin: -0px"). Пули выравниваются по абзацу без вылетов.
источник