是否可能有一个无序列表，里面有子弹并有凹痕？

Question

是否有可能包含以下内容的无序列表？

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>换行符的列表项，但仍然不适用于列表项带有自动换行符。

Answer 1

尝试一下：

<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>

 

如果您使用双{{1}}来代替必要的填充以匹配缩进并正确排列文本，似乎您可以“强制”执行此操作。

注意：插入您选择的ascii字符