对齐使用自定义项目符号点时包装的李文本

我有一个小问题，并想知道是否有人可以想出一个quickfix？

问题

我有一个使用li的自定义项目符号点的lis：before {content：等等。我试图让文字正确对齐 - 你可以在第四个li项目上看到，当这些文字换到下一个他们不是从单词开始，而是在子弹头下。

尝试修复

认为使用li做子弹是个问题：之前，我尝试了其他方法，但是...

我不想使用内置的li bullet样式（他们很丑）

我试过使用字体超棒的子弹样式，但同样的事情发生（我认为他们也使用li：before方法）

我不想手动分隔第二行，因为更改了浏览器大小，而不是

使用li：before方法我尝试使用绝对定位来移动项目符号left：3px（如同类似的stackoverflow问题中推荐的），但是还没有得到那个工作。

例

点击这里查看问题的演示：http://jsfiddle.net/MS9Z9/

（以下代码略）

.panel-body ul li {
    list-style-type:none;
}
.panel-body ul li:before {
    content:"27A80a00a0";
}

解决方案将是伟大的，但即使是想法赞赏，谢谢！

---

你可以做

http://jsfiddle.net/MS9Z9/7/

.panel-body ul li:before {
    content: "➨  ";
    left: 7px;
    position: absolute;
}

.panel-body ul li {
    border-bottom-style: solid;
    border-color: #ccc;
    list-style-type: none;
    margin: 0;
    padding: 0.5em 0.5em 0.5em 1.5em;
    position: relative;
}

将before内容绝对定位，让你的li相对定位，你可以自由调整自定义项目符号

另一种方法是将before内容留在http://jsfiddle.net/MS9Z9/12/

---

你也可以使用display: table属性上的a标签，看

的jsfiddle

链接地址: http://www.djcxy.com/p/80303.html

上一篇: Aligning li text that wraps when using custom bullet point

下一篇: Java "could not find or load main class" with classpath error