使用文字对齐中心使图片居中？
该属性text-align: center;是使用CSS居中图像的好方法吗？
img {
text-align: center;
}
问题答案：
这将无效，因为该text-align属性适用于块容器，而不适用于内联元素，img而是内联元素。请参阅W3C规范。
使用此代替：
img.center {
display: block;
margin: 0 auto;
}
<div style="border: 1px solid black;">
<img class="center" src ="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a">
</div>
-
问题内容： 我的页面中有一个表格，我使用colgroups以相同的方式设置此列中的所有单元格的格式，对背景颜色和所有颜色均适用。但似乎无法弄清为什么文本对齐中心不起作用。它不会使文本居中对齐。 例： CSS： 问题答案： 只有有限的CSS属性集适用于column，而不是其中之一。 有关这种情况的说明，请参见“为什么只有四个属性应用于表列的奥秘”。 在您的简单示例中，最简单的解决方法是添加以下规则：
-
我想设置一个JButton，使其图标与它的左侧对齐，而文本居中。 我已经找到了如何让其中一个左，另一个右，或两者在同一个设置，但我找不到我要找的。 当然，我总是可以重新定义绘制方法，但我正在寻找一种更精简的方法。
-
我正试图在页面中央对齐两幅有响应的图像。 我在用电脑。容器类，但仍然是向右的。
-
我正在以列表格式显示文本和图像，但我不能让它们完美地排列在中间，在一条直线上，我错过了什么 下面是我的布局代码
-
问题内容： 我有一个div 。其内容水平和垂直居中。 当div中的内容太长时，内容将自动换行。但是在这种情况下，对齐方式会中断。请参阅摘要。 如果我添加正确显示。但是，为什么没有中心呢？ 问题答案： flex容器的HTML结构具有三个级别： 容器 该项目 内容 每个级别代表一个独立的独立元素。 该属性是在flex容器上设置的，用于控制flex项目。它不能直接控制项目的子项（在这种情况下为文本）。
-
问题内容： 我有一个具有以下属性的flex容器（蓝色正方形）： 因此，其子项（浅蓝色方块）如下所示排列它们自己。但是，我想从正常流程中添加另一个孩子（绿色正方形）并将其相对于其父对象放置。要将其定位在下面，如您所见，我最好编写类似bottom: 20px;和的内容margin: auto;。 我试着z-index无济于事。我应该如何处理？我应该使用另一个父元素吗？ 问题答案： 以下是实现此布局的五