我怎样才能使元素居中

Question

  

可能重复：
  How do you easily horizontally center a <div> using CSS?

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

我想让所有快捷键居中对齐，但最后一行应该左对齐。 请分享是否有任何想法。

Answer 1

将div的所有.shortcut子项设为中心边距，不包括最后一个。

.shortcut > div {
    margin: 0 auto;
}

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

Update fiddle

Answer 2

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

  

td {       文本对齐：中心; }

Answer 3

为了使每个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;
    }