我想控制子弹在<ol>或<ul>中向右推动<li>的水平空间。
也就是说，不是一直都有
* Some list text goes
here.
我希望能把它变成
* Some list text goes
here.
or
*Some list text goes
here.
我环顾四周，但只能找到将整个街区向左或向右移动的说明，例如http://www.alistapart.com/articles/taminglists/
当前回答
似乎您可以(在某种程度上)使用<li>标记上的填充来控制间距。
<style type="text/css">
li { padding-left: 10px; }
</style>
问题是，它似乎不允许你像最后一个例子那样舒适地挤压它。
为此，您可以尝试关闭list-style-type并使用•
<ul style="list-style-type: none;">
<li>•Some list text goes here.</li>
</ul>
其他回答
如果你只想减少项目符号和文本之间的间距，似乎有一个更干净的解决方案:
li:before {
content: "";
margin-left: -0.5rem;
}
把它的内容放在一个相对定位的span中，然后你可以通过span的left属性来控制空间。
李跨度{ 位置:相对; 左:-10 px; } < ul > <李> < span >第1项< / span > < /李> <李> < span >第二项< / span > < /李> <李> < span >项3 < / span > < /李> < / ul >
使用padding-left: 1 em;文本缩进:<li>标签的-1em。 然后，list-style-position:用于<ul>标记。
<ul style='list-style-position: inside;'>
<li style='padding-left: 1em; text-indent: -1em;'>Item 1</li>
</ul>
似乎您可以(在某种程度上)使用<li>标记上的填充来控制间距。
<style type="text/css">
li { padding-left: 10px; }
</style>
问题是，它似乎不允许你像最后一个例子那样舒适地挤压它。
为此，您可以尝试关闭list-style-type并使用•
<ul style="list-style-type: none;">
<li>•Some list text goes here.</li>
</ul>
当您希望将文本移动到更靠近项目符号的位置时，即使您有多行文本，以下解决方案也很有效。
右边距使您可以将文本移动到更靠近项目符号的位置
文本缩进确保多行文本仍然正确对齐
李:{之前 内容:“”; margin-right: 5 px;/*调整使文本更靠近项目符号*/ ｝ 李{ indent: 5 px;/*对齐文本的第二行*/ ｝ < ul > <li> Item 1…李< / > <li> Item 2…这个项目有大量的文本，导致第二行!请注意，第二行是如何与第一行对齐的!李< / > <li> Item 3…李< / > < / ul >
