【问题标题】:Bullet point aligning to middle of wrapped text rather than top line项目符号点对齐到换行文本的中间而不是顶行
【发布时间】:2015-07-02 08:26:25
【问题描述】:

在我的 joomla 网站上,如果我对包含多行的长句使用项目符号点,则项目符号点将对齐到已换行文本的中间,而不是与顶行保持齐平,例如如果我的文本换成 3 行,则项目符号点将与第 2 行对齐。

无论有多少行文本,我都希望项目符号始终与顶行对齐。否则很难说下一点从哪里开始!

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

非常感谢!

【问题讨论】:

  • 你能在这里添加你的代码吗?

标签: css


【解决方案1】:

没有看到你的代码或 JS Fiddle,很难说,但我猜你已经使用<li> 上的背景图像生成了要点。如果您在 CSS - li { background-position: top; } 中将 background-position: top 添加到 <li>,则项目符号应对齐顶部。

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

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

【讨论】:

  • 这对我来说已经足够了!非常感谢:)
  • @Sophie 没问题 :-)。如果它解决了您的问题,您能否将答案标记为已接受(答案旁边的勾号图标)?只是有助于保持这里的整洁:)
猜你喜欢
  • 1970-01-01
  • 2014-03-12
  • 2015-10-25
  • 1970-01-01
  • 2018-07-15
  • 1970-01-01
  • 2011-08-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多