子弹点对齐包裹文本的中间而不是顶行

时间:2015-07-02 08:26:25

标签: css

在我的joomla网站上,如果我使用一个子弹点用于包裹多行的长句子,则子弹点对齐包裹文本的中间而不是保持与顶行齐平,例如如果我的文字被包裹为3行,则子弹点将与第2行对齐。

我希望子弹点始终与顶行对齐,而不管有多少行文字。很难分辨下一个点开始的地方!

我有什么想法可以做到这一点吗?

非常感谢!

1 个答案:

答案 0 :(得分:0)

没有看到你的代码或JS小提琴,很难说,但我的猜测是你使用<li>上的背景图像生成了子弹点。如果您将background-position: top添加到CSS中的<li> - li { background-position: top; },那么子弹应排在最前面。

我个人使用psuedo elements:before:after)制作自定义项目符号,因为它们更容易定位。

正如评论所说,如果以上内容没有帮助,请添加您的代码/ JS Fiddle。