是否仍然可以将 align 属性添加到 HTML 元素以对齐元素本身?所以它不是通过 CSS 设置的,而是在元素标签本身中设置的,如下所示:
<div align="center"></div>
这仍然会居中,还是会忽略该属性?
你为什么不使用
<div class="main" style="margin:0 auto;">
正如 Mike W 在评论中指出的那样:
align 属性在 HTML 4 中已弃用,并在 HTML 5 中删除。不要使用它:改用 CSS。
话虽如此,这里有一些方法可以将其居中,即使您说该类有更多元素。
给这个特定的元素内联样式:
<div class="main" style="margin: auto;">
在你的 CSS 中更具体。该元素可能是没有任何其他.main
婴儿的元素的子元素,因此您可以通过使用 CSS 中的父元素来指定该元素:
.parent-class > .main {margin: auto;} /* If the parent has a class */
#parent-id > .main {margin: auto;} /* If the parent has an ID. This one is prefered, to avoid misunderstandings */
If the above is not the case, and there are multiple instances of .main
within a single parent, you can use the nth-child
selector (or first-child
or last-child
). For instance, if the element you want to center is the third child within the parent element, use this code.
.main:nth-child(3) {margin: auto;}