Question

如何连续执行一个元素列表（带文本的ul），并且每个元素的左侧都有一个图标或图像。这是一个例子：list row columns with different icons in css

我的主要问题是放置图像或图标。我不知道如何用每个元素（文本）的图像或图标来制作它。

Answer 1

您可以在列表元素中包含图标/图像：

<ul>
  <li><img src="icon1.png" alt="icon" /> Text next to icon</li>
  <li><img src="icon2.png" alt="icon" /> Text next to icon</li>
</ul>

...或者如果您使用的是像FontAwesome这样的图标字体，那么您可以这样做：

<ul>
  <li><i class="fa fa-desktop"></i> Text next to icon</li>
  <li><i class="fa fa-apple"></i> Text next to icon</li>
</ul>

Answer 2

我同意劳里的观点。但这就是你如何通过纯css 在没有框架的情况下实现你的目标。

diameter = 7
# diameter value is invalid name for our new variable,
# let's add `_` prefix to value to  be sure name is valid:
locals()['_' + str(locals()['my_var'])] = 'some_value'
# Note that i've applied str function to value of diameter variable
# to avoid TypeError (cannot concatenate 'str' and 'int' objects)

在css中列出具有不同图标的行列

2 个答案: