Javascript 我怎样才能使元素居中

可能重复：

请参考这个

我想使所有快捷方式居中对齐，但最后一行应该向左对齐。

---

如果有任何想法，请分享。

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

运输署{ 文本对齐：居中；}

---

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

运输署{ 文本对齐：居中；}

---

要使每个div中心对齐（并在一行上对齐），这就是我解释您的需求的方式，您可以将.shortcutcss样式更改为：

.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;
    }

---

要使每个div中心对齐（并在一行上对齐），这就是我解释您的需求的方式，您可以将.shortcutcss样式更改为：

.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;
    }

---

将

.shortcut

的所有

div

子项设置为具有居中的边距，不包括最后一个边距

.shortcut > div {
    margin: 0 auto;
}

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

---

将

快捷方式的所有
div
子项设置为具有居中的边距，不包括最后一个边距

.shortcut > div {
    margin: 0 auto;
}

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

您应该在这里发布代码。您所说的“中心对齐”是什么意思？拿着集装箱的潜水艇？或者快捷方式中的文本？我认为最接近的方法是将
文本对齐：justify
添加到
.shortcutContainer{}
。这将使整行的内容更均匀，并将最后一行的项目移到左侧。您是否需要使用单个单元格
表格
来包装内容？我无法确切地说出您想要什么，但这可能会有所帮助：。您应该将代码发布在此处。您所说的“居中对齐”是什么意思？拿着集装箱的潜水艇？或者快捷方式中的文本？我认为最接近的方法是将
文本对齐：justify
添加到
.shortcutContainer{}
。这将均匀显示整行，并将最后一行项目移到左侧。您是否需要使用单个单元格
表
来包装内容？我无法确切地说出您想要的内容，但这可能会有所帮助：。如果您看到快捷方式的最后一行没有单独的行，请放入另一个div以包装您想要作为最后一行的元素。或者将ID或第二个类名添加到最后一个div。或者使用Terric建议的选择器[.快捷方式：last child>div]。这些解决方案中的任何一个都允许您为最后一行快捷方式指定不同的样式。您不理解我的意思。所有元素都在同一个div中，并根据可用空间向左浮动。如果您看到最后一行快捷方式没有单独的行，则元素将对其进行排列。请放入另一个div以包装快捷方式要作为最后一行的元素。或者将ID或第二个类名添加到最后一个div。或者使用Terric建议的选择器[.快捷方式：last child>div]。这些解决方案中的任何一个都将允许您为最后一个快捷方式指定不同的样式。您不理解我的意思。所有元素都位于同一个div中，并根据可用空间向左浮动。元素将排列它们