Question

我正在使用电子商务网站，并且在设置某些项目时遇到了问题。

他们有一个内置工具来列出所有产品属性。这些按行每行传送一次：

<b>Brand:</b> 
<span itemprop="brand">Cosmetal</span> 
<br>

<b>Configuration:</b> 
<span class="editable" id="attribute-values_129_value" title="">Under Counter</span>
<br>

我有没有办法在每行文本前面放一个子弹图标，因为我无法将这些图标放在p标签或其他任何内容中？

非常感谢任何指示！

Niki

Answer 1

您可以使用css强制span元素显示为列表项：

＆＃13;

.add-bullets span {
    display: list-item;
    list-style-type: disc;
    margin-left: 25px;
}

＆＃13;

<div class="add-bullets">
  <b>Brand:</b> 
  <span itemprop="brand">Cosmetal</span> 
  <br>

  <b>Configuration:</b> 
  <span class="editable" id="attribute-values_129_value" title="">Under Counter</span>
  <br>
</div>

＆＃13;

请注意，我将div元素与add-bullets类包装在一起，以确保只有span 内该div将显示为列表项（和并非页面中的所有span元素。

如何在每行文本的开头放置子弹图标

1 个答案: