相关疑难解决方法(0)

如何减少项目符号和文本之间的默认差距<li>？

• 第1项
• 第2项
• 第3项

我想减少子弹和"我"之间的差距.

span元素看起来与div完全相同,但是在内联级别而不是在块级别.但是,我似乎无法想到span元素可以提供的任何有益的逻辑划分.

单句或单词(如果不包含在句子中)似乎是最小的逻辑部分.忽略CSS,因为CSS仅用于布局而不用于语义含义,跨度何时通过切断一个句子或一串单词来提供额外的语义值？

似乎在所有情况下,其他元素更适合添加语义值,使span成为纯粹的布局元素.这是真的？

对于我的ul列表项,我使用list-style-image属性添加了一张图片.

我拥有的例子:JSFiddle

ul {
  list-style-image: url('http://placehold.it/50x40');
}

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

我希望我的文本(例如 "咖啡")在li项目中触摸图片 - 列表项目图像与其描述之间没有间隙.

我一直在使用以下内容并尝试通过以下方式抓住要点：

#list {
  text-align: center;
}

<div id="list">
  <ul>
    <li>listitem1</li>
    <li>listitem2</li>
  </ul>
</div>

并尝试了一些其他技术，例如尝试减少填充/边距，但似乎找不到答案。

我想减少子弹和它在html中的文本之间的差距..

我有一个例子

• 这是文字

如何使用css增加或减少子弹和文本之间的差距？