将Foundation 4 Grid中的网格块居中

Question

我目前正在与Zurb-Foundation 4合作，并且我试图在一个（小）大12行中设置一个居中的Block-Grid时遇到了问题。

这是我的代码：

<div class="row" id="boardcontainer">
    <div class="small-12 large-12 large-centered columns">
        <ul class="small-block-grid-3 large-block-grid-3 text-center" id="board">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
        </ul>
    </div>
</div>

我总是得到一个左对齐的3x3网格。我只想让这个网格以12行为中心。我必须提一下，我的li元素具有固定的宽度和固定的高度。

这是否可以使用大12行内的网格块？

更新：我创建了一个小的jsbin示例：http://jsbin.com/EwOZ/1

Answer 1

在display: inline-block元素中添加ul，然后将li元素的宽度更改为width:98px;。

这是jsFiddle显示它的实际效果。