css - 如何使用图标字体在列表元素的第二行缩进文本

Question

我对列表样式元素使用图标字体：

.desc.std li:before {
  content: '\e81e';
  font-family: 'icons';
  width: .6em;
}

但是当文本中断到第二行时，我没有文本缩进。

谁能告诉我，我怎样才能使第二行和以下行缩进？

Answer 1

如果适用于您的情况，这是一个可能的解决方案：

CSS

li {
    position: relative;
    padding: 0 0 0 20px;
}

li:before {
    content: '\e81e';
    position: absolute;
    left: 0px;
    font-family: 'icons';
}

演示

先试后买