代码之家 › 专栏 › 技术社区 › stalepretzel

将HTML元素置于其包含元素的中心的最佳方法是什么?

center css html

stalepretzel · 技术社区 · 16 年前

假设您有以下代码块:

<div id="container">
  <someelement>This is any element.</someelement>
</div>

我能用什么最好的CSS水平居中“someElement”在其包含的div中?

3 回复 | 直到 7 年前

eyelidlessness 16 年前

如果你 <someelement> 是内联元素(即默认为display:inline)将文本对齐:居中应用于其容器。如果 <某些元素& gt; 是块元素,将左右边距设置为“自动”,并记住设置宽度(块元素默认为获取所有可用的水平空间,除非明确指定宽度)。如果您希望它在IE 5.5及以下版本中也能工作,那么您可能需要同时使用这两种方法。

ojrac 16 年前

Jaredpar的想法是正确的,但这里有一个更清晰的方法来做你想要做的事情;)

#container {
    text-align: center;
}

#container someelement {
    margin: 0 auto;
    text-align: left;
}

JaredPar 16 年前

尝试

<someelement style="margin-left:auto;margin-right:auto">This is any element</someelement>

推荐文章

HappyMe · HTML/CSS-如何在三个div中居中,独立于周围的div

6 年前

Sam · 使用Bootstrap 4将图像居中放置在另一个图像的顶部

6 年前

azro · 将不同大小的图像居中的通用方法

7 年前

AnonymousPug 55 · 如何使用Python 3在Tkinter中居中放置标签?

7 年前

PatrikJ · 宽度灵活的灯箱

7 年前

Leon N · 在HTML和CSS页面上居中显示图像

7 年前

Dave · 无法使用文本对齐将文本居中:居中

7 年前

user7803115 · 在较小的父对象中水平居中旋转div

7 年前

Natesh bhat · 如何将QComboBox中的文本设置为与中心对齐,而不使其在PyQt中可编辑

7 年前

Wilson · 使用以css为中心的页面剪裁或省略号文本困难

7 年前