javascript - 我怎样才能使元素居中

Question

可能重复：
如何使用 CSS 轻松地将 <div> 水平居中？

http://jsfiddle.net/rehan008/s5eEf/ 请参考这里。

我想让所有快捷方式居中对齐，但最后一行应该左对齐。如果有任何想法，请分享。

Answer 1

将除最后一个之外的所有div子级设置.shortcut为具有居中边距。

.shortcut > div {
    margin: 0 auto;
}

.shortcut:last-child > div {
    margin: 0;
}

更新小提琴

Answer 2

为了使每个 div 居中对齐（并且单独在一行上），这就是我解释您的要求的方式，您可以将.shortcut css 样式更改为：

.shortcut{
    border: 1px solid red;
    height:65px;
    width:45px;
    display:block;
    margin:5px auto;
}

要使最后一个快捷方式左对齐，只需给它另一种样式：

   .lastShortcut{
        border: 1px solid red;
        height:65px;
        width:45px;
        display:block;
        margin:5px 0px;
    }

Answer 3

在您的 CSS 中添加此样式并检查。我希望它对你有用

td { 文本对齐：中心；}