【问题标题】:Center horizontal list (li) element on multiple lines在多行上居中水平列表 (li) 元素
【发布时间】:2011-07-21 12:33:44
【问题描述】:

我有一个必须以文本形式显示的项目列表,但如果该行未完全填满,则这些元素将放置在最后一行的最左侧。

例如:

item1 item2 item3
item4 item5

我想要的更像是

item1 item2 item3
   item4  item5

【问题讨论】:

  • 附带说明,您不应该尝试将项目符号列表项居中,因为您会遇到跨浏览器问题。如果您绝对需要项目符号,请先使用list-style:none; 删除它们,然后创建一个项目符号图像并使用background-image 显示它
  • 其实我不需要任何子弹。我使用列表元素(li),因为该项目是列表中的项目。

标签: html alignment html-lists


【解决方案1】:

设置他们的 CSS 属性

display: inline;

和他们的容器

text-align: center;

【讨论】:

  • 这行不通,因为 li 需要向左浮动才能并排显示。
  • 您实际上并不需要float:left 来让它们“并排站立”。 display:inline 将为您完成。
  • 对不起,伙计们,现在开始工作了。中心问题来自未显示的 li 内的 div:inline。我将 im 更改了一段时间,现在它可以作为一种魅力!
猜你喜欢
  • 2012-11-09
  • 2014-06-20
  • 2015-11-18
  • 1970-01-01
  • 2013-12-30
  • 2010-09-11
相关资源
最近更新 更多