小编sla*_*rio的帖子

在Zurb基金会中心列表

使用Zurb的Foundation 4时,我无法集中内联列表.

'text-center'和'centered'的预构建css类适用于其他元素,但不适用于列表.

有关图像的旧问题的回顾也有类似的结果.

这不起作用:

    <div class="row">
      <div class="large-12 columns text-center">
        <ul class="inline-list">
          <li><a href="#">One</a></li>
          <li><a href="#">Two</a></li>
          <li><a href="#">Three</a></li>
          <li><a href="#">Four</a></li>
          <li><a href="#">Five</a></li>
        </ul>
      </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

但是,删除它确实有效(但显然不是首选标记):

    <div class="row">
      <div class="large-12 columns text-center">
          <a href="#">One</a>
          <a href="#">Two</a>
          <a href="#">Three</a>
          <a href="#">Four</a>
          <a href="#">Five</a>
      </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

您是否有关于此样式如何影响列表的建议?

谢谢.

html-lists zurb-foundation

6
推荐指数
1
解决办法
4604
查看次数

标签 统计

html-lists ×1

zurb-foundation ×1