Можно ли иметь неупорядоченный список с пулями внутри и висящим отступом? - PullRequest
0 голосов
/ 28 марта 2019

Возможно ли иметь неупорядоченный список со следующим?

  1. Без заполнения
  2. Без полей
  3. Висячие отступы
  4. Маркеры внутрито есть не в (несуществующем) заполнении

Кажется, что с list-style-position: outside я не могу иметь (4), и кажется, что с list-style-position: inside я не могу иметь (3).

Если иметь (1) - (4) невозможно, то, я думаю, я мог бы отказаться от (1) и (4) и использовать list-style-position: outside вместе с некоторыми left-padding, но есть ли магическое значение, которое будетдать согласованный взгляд на браузеры?

https://jsfiddle.net/1yf2eq3b/

ОБНОВЛЕНИЕ: Кажется, что перенос элементов списка в display: inline-block div делает решение list-style-position: inside работающим для элементов списка с <br> разрывы строк, но это не работает для элементов списка с автоматическими переносами строк.

1 Ответ

0 голосов
/ 28 марта 2019

Попробуйте это:

ul { 
  padding: 0;
  background-color: #DEDEDE; // only to demonstrate left list edge
}
    
ul>li { list-style: none; }
<ul>
  <li>&#007; test</li>
  <li>&#007; test</li>
  <li>test</li>
  <li> &nbsp;&nbsp; test</li>
  <li>&#007; test<br>&#007; test</li>
</ul>

Похоже, что вы "могли бы" форсировать это, если вы используете двойную &nbsp; в качестве замены необходимого отступа для соответствия отступа и правильного выравнивания текста.

Примечание: вставьте выбранный вами символ ascii

...