Нужны ли отступы элементам списка ul > li?

Dmitriy_2014
На сайте с 01.07.2014
Offline
276
325

Всем привет!

Делаете ли вы отступы в ul списке между элементами li, я так понял по дефолту отступы не делаются, т.к. это типа список, отмеченный маркерами. Но раздражает текст сплошняком особенно в мобильной версии и дикий отступ слева ( Ну ладно отступ я пофиксил ). Где не посмотрю у всех вроде нету этих отступов между элементами списка li, даже не единого пикселя. Фиг его знает может это и правильно, но так хочется добавить чуть-чуть отступа, чисто для как его там дизайнеры называют пространство, воздух, белое, а не текст сплошняком.

Что вы думаете нужны ли li отступы или там же есть маркеры отделяющие элементы li?

Заранее всем спасибо за ответы!


W1
На сайте с 22.01.2021
Offline
305
#1
Dmitriy_2014 :
Заранее всем спасибо за ответы!

Задай вопрос нормально. Ничего не понятно, что тебе требуется. В таком виде ответ может быть один: делай так, как надо тебе, нафига тут перепись устраивать? Ясен пень, что всё делается, исходя из конкретного дизайна данного элемента.

Мой форум - https://webinfo.guru –Там я всегда на связи
Антоний Казанский
На сайте с 12.04.2007
Offline
674
#2
Dmitriy_2014 :
хочется добавить чуть-чуть отступа

См. свойство  line-height (высота строки).

Задаете элементу li это свойство и регулируете нужный вам отступ.

√ SEO продвижение https://akazansky.ru - экспертный аудит сайтов ( https://akazansky.ru/audit-sajtov ), внедрение эффективных решений цифрового маркетинга.
Dmitriy_2014
На сайте с 01.07.2014
Offline
276
#3
webinfo #:

Задай вопрос нормально. Ничего не понятно, что тебе требуется. В таком виде ответ может быть один: делай так, как надо тебе, нафига тут перепись устраивать? Ясен пень, что всё делается, исходя из конкретного дизайна данного элемента.

Если у вас есть сайты, то в контентной части в статье у вас есть же между параграфами отступ, а если вы вставляете список, есть ли у вас отступ между элементами списка?
Dmitriy_2014
На сайте с 01.07.2014
Offline
276
#4
Антоний Казанский #:

См. свойство  line-height (высота строки).

Задаете элементу li это свойство и регулируете нужный вам отступ.

Это немного не то, это межстрочный отступ, а именно между самими элементами li.
Антоний Казанский
На сайте с 12.04.2007
Offline
674
#5
Dmitriy_2014 #:
Это немного не то, это межстрочный отступ, а именно между самими элементами li.

Тогда  padding-bottom

W1
На сайте с 22.01.2021
Offline
305
#6
Dmitriy_2014 #:
Если у вас есть сайты, то в контентной части в статье у вас есть же между параграфами отступ, а если вы вставляете список, есть ли у вас отступ между элементами списка?

У меня на поддержке десятки сайтов. И везде всё по-разному, в зависимости от конкретного дизайна.

Dmitriy_2014
На сайте с 01.07.2014
Offline
276
#7
Все я все решил для себя, и да не везде нету отступов, на странице документации для разработчиков Mozilla.developer.org ( https://developer.mozilla.org/ru/docs/Learn/CSS/Styling_text/Styling_lists ) есть у них самые обычные списки маркированные и они имеют отступы друг от друга - margin: 0.5rem 0; - это примерно 8px и это выглядит и на десктопе и в мобильной версии получше чем слипшиеся куски текста, так что добавлю я ка отступы, пришло время :)
Стилизация списков - Изучение веб-разработки | MDN
Стилизация списков - Изучение веб-разработки | MDN
  • 2023.02.11
  • developer.mozilla.org
Списки, по-большому счету, ведут себя также как любой другой текст, но существуют некоторые специфичные настройки CSS, о которых вы должны знать. В этой статье они все описываются. Пример простого списка Для начала, давайте взглянем на пример простого списка. В данной статье мы рассмотрим ненумерованный, нумерованный и описательный списки — все...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий