Unordered List (<ul>) default indent

Ответ 1

У этого есть отступ по умолчанию/отступы, чтобы пули не попадали за пределы самого списка.

CSS reset может содержать или не содержать правила для reset списка, который будет зависеть от того, какой из них вы используете.

Ответ 2

В чем причина, не знаю.

A reset, безусловно, исправит это:

ul { margin: 0; padding: 0; }

Ответ 3

Я обнаружил, что удалены отступ и край от левой и правой сторон, но разрешено оставлять маркеры слева под текстом над ним. Добавьте это в свой файл css:

ul.noindent {
    margin-left: 5px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 0px;
}

Чтобы использовать его в вашем html файле, добавьте class= "noindent" в тег UL. Я тестировал w/FF 14 и IE 9.

Я понятия не имею, почему браузеры по умолчанию имеют отступы, но у меня на самом деле не было причины часто менять их.

Ответ 4

Сначала я займусь вторым вопросом. Да, отступ может быть reset с помощью браузера reset, например Eric Meyers. Или простой ul { margin: 0; padding: 0;} как отступ, по умолчанию, применяется в элементе ul.

В связи с тем, почему я подозреваю, что это связано с текущим уровнем вложенности, поскольку неупорядоченные списки позволяют встраивать или, возможно, делать это с позиционированием патронов.

Изменить: Как упоминал Гуффа, отступ списка состоит в том, чтобы маркеры не отваливались от левого края.

Ответ 5

Большинство тегов html имеют некоторые свойства по умолчанию. Css reset поможет вам изменить свойства по умолчанию.

Я обычно делаю:

{ padding: 0; margin: 0; font-face:Arial; }

Хотя шрифт зависит от вас!

Ответ 6

При переуступке "Отступ" в списке вы должны иметь в виду, что браузеры могут иметь разные значения по умолчанию. Чтобы облегчить жизнь, всегда начинайте с файла "Нормализовать" .

Цель использования этих файлов CSS "Нормализовать" - это установить все на знающий набор значений и не полагаться на то, что браузер по умолчанию. У Chrome может быть другой набор значений по умолчанию для FireFox. Таким образом, вы знаете, что ваши страницы всегда будут отображаться одинаково независимо от того, какой браузер вы используете, и знаете значения для "Reset" ваших элементов.

Теперь, если вас интересуют только списки, я бы не просто установил, что padding равно 0, это приведет к тому, что ваши пули "Outside" из списка не будут внутри, как вы ожидали.

Еще одна вещь, о которой нужно помнить, - не использовать "пиксельные" или пиксельные единицы измерения, вместо этого вы хотите использовать "em". Единица "em" основана на размере шрифта, таким образом, независимо от размера шрифта вам гарантировано, что пуля будет находиться внутри списка, если вы используете смещение пикселей, а затем более крупные размеры шрифта - пули будет находиться вне списка.

Итак, вот фрагмент "Нормализовать" script, который я использую. Сначала установите все на известное значение, чтобы вы знали, как его вернуть.

ul{
   margin: 0;
   padding: 1em; /* Set the distance from the list edge to 1x the font size */
   list-style-type: disc;
   list-style-position: outside;
   list-style-image: none;
}

Ответ 7

Типичные свойства отображения по умолчанию для ul

ul {
    display: block;
    list-style-type: disc;
    margin-before: 1em;
    margin-after: 1em;
    margin-start: 0;
    margin-end: 0;
    padding-start: 40px;
}