简介HTML&；CSS无法在div内正确居中放置库标题

强制性：“我对这一点非常陌生，所以请记住这一点”免责声明

我正在为一家网上书店做一个项目。它仍然是赤裸裸的

我似乎无法将图库的标题置于图像的中心。我尝试过边距：自动、文本对齐和绝对定位。最后一个似乎在我超过30后停止移动，作为左和/或顶部的设置

额外：我也无法将图像标题（h3）放在图像的中心，所以我放弃了这些，但是如果有人有任何想法，我会非常感谢你的帮助

提前谢谢你

*{
保证金：0；
填充：0；
}
身体{
颜色：#000000；
}
.搜索框{
显示器：flex；
证明内容：中心；
背景色：#6e4c8a；
填充：10px；
边框顶部：5px实心#000；
}
#搜寻{
宽度：70%；
身高：10%；
}
.包装纸{
宽度：80%；
高度：750px；
溢出：隐藏；
保证金：0px自动20px自动；
边框：2倍实心#000000；
背景色：#ffffff；
}
导航{
明确：两者皆有；
颜色：#ffffff；
背景色：#d8cee0；
高度：50px；
边际：0px；
填充：0px；
文本对齐：居中；
}
旁白{
宽度：230px；
浮动：左；
填充：0px 0px 0px 20px；
}
第二节李{
显示：块；
填充：20px；
位置：相对位置；
顶部：150px；
左：15px；
边框底部：1px实心#eeeee；
}
李海军{
显示：内联；
右边距：40px；
字体系列：“arial”，verdana，无衬线；
}
.画廊{
宽度：900px；
保证金：0px自动；
}
.画廊.项目{
宽度：350px；
浮动：左；
利润率：20px；
填充：30px；
高度：198px；
}
img{
宽度：400px；
边框：1px实心#d6；
}
.页脚{
位置：绝对位置；
右：0；
底部：0；
左：0；
填充：10px；
文本对齐：居中；
}

```
伏尔加：你生活中需要的书
伏尔加








学会自己动手
沉浸
坠入爱河
&抄袭；UW公园侧CSCI 220

使用下面的样式，使用您现有的代码完成工作。它使标题文本居中

h3{
文本对齐：居中；
}

---

希望有帮助：）

我想你说的是文本值为“Curated Selections”的H2元素不会居中。导致问题的原因是您正在浮动您的aside元素的值，而没有使其位置为绝对值。因此，如果您将其位置设置为绝对，然后将H2的文本对齐设置为居中，它将在包装器div中居中对齐

aside {
    width: 230px;
    float: left;
    position: absolute;
    padding: 0px 0px 0px 20px;
}

h2 {
  text-align: center;
}

我已经对css进行了更改。请检查一下。我删除了所有类中的float属性。希望你能看到变化。如果您需要任何更改，请告诉我

*{
保证金：0；
填充：0；
}
身体{
颜色：#000000；
}
.搜索框{
显示器：flex；
证明内容：中心；
背景色：#6e4c8a；
填充：10px；
边框顶部：5px实心#000；
}
#搜寻{
宽度：70%；
身高：10%；
}
.包装纸{
宽度：80%；
溢出：隐藏；
保证金：0px自动20px自动；
边框：2倍实心#000000；
背景色：#ffffff；
}
导航{
明确：两者皆有；
颜色：#ffffff；
背景色：#d8cee0；
高度：50px；
边际：0px；
填充：0px；
文本对齐：居中；
}
.分割{
显示器：flex；
}
旁白{
宽度：20%；
填充顶部：50px；
}
第二节李{
显示：块；
填充：20px；
位置：相对位置；
边框底部：1px实心#eeeee；
}
李海军{
显示：内联；
右边距：40px；
字体系列：“arial”，verdana，无衬线；
}
.画廊{
显示器：flex；
柔性包装：包装；
}
.画廊.项目{
填充：30px 10px；
显示器：flex；
弯曲方向：立柱；
宽度：45%；
}
img{
宽度：100%；
边框：1px实心#d6；
}
.页脚{
位置：相对位置；
右：0；
底部：0；
左：0；
填充：10px；
文本对齐：居中；
}
.策划{
左侧填充：20px；
宽度：80%；
右边填充：20px；
}
.画廊h3{
文本对齐：居中；
}
.curated h2{文本对齐：居中}

伏尔加

学会自己动手 沉浸 坠入爱河 &抄袭；UW公园侧CSCI 220

---

如果需要在图像上垂直和水平居中放置文本，请在css中进行以下更改

添加

位置：相对至
.gallery.item


添加新规则


.gallery.item>h3{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
有点困惑。你想设置在这个分区的中心->“策展”？你能添加截图吗？请给我清晰的图片。你想要什么？我做了些改变。请检查一下。很抱歉这是一个屏幕截图，它看起来像我。无论我尝试margin:auto、text-align:center等等，结果都差不多。