Могу ли я уменьшить интервал между номерами li и содержимым?

#css

Вопрос:

Я хочу уменьшить интервал между порядковыми номерами и содержимым, то есть я хочу изменить с:

 1.  foo

Для:

 1. foo

Возможно? Нормальный <ol><li>...content</li></ol>

Ответ №1:

попробуйте list-style-position:inside;

1. Это сработало бы. Однако вам нужно исключить дополнительный пробел, добавленный слева от маркера, убедившись, что он согласован между браузерами.

2. Это приведет к возможным непреднамеренным побочным эффектам при переносе текста. кроме того, это не позволяет вам изменять интервал между номером и содержимым в chrome.

Ответ №2:

Вы можете сделать это с помощью span

 <ol>
  <li><span style="margin-left: -10px">near</span></li>
  <li>normal</li>
</ol>

Вы также можете сделать что-то вроде этого:

 <ol>
  <li style="text-indent: -5px">near</li>
  <li>normal</li>
</ol>

Ответ №3:

Похоже, вы можете увеличить пространство, используя padding-left , но не уменьшать его.

Я полагаю, вам нужно будет остановиться на альтернативном обходном пути, таком как обертывание содержимого каждого элемента списка тегом div или span и присвоение этому тегу отрицательного левого поля.

Ответ №4:

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

 <ol>
    <li><p style="margin-left: -30">content1</p></li>
    <li><p style="margin-left: -30">content2</p></li>
</ol>

надеюсь, это поможет, это было довольно сложно.