Question

我有一个100％高度的div（父级100％宽度15％高度），它包含10％宽度和100％高度的子项，但在某些操作中，图像存储在其中，100％高度和宽度设置在汽车。

虽然没有设置任何显示选项，但它的子宽度取自它的父级，不幸的是我不能像这样使用margin auto，如果我在桌子上设置显示它完美居中，但是孩子的宽度是由它的宽度计算的，但我不希望有任何固定的宽度，我也不想使用％，因为当一个图像放在那个孩子时我会溢出。改变宽度将导致孩子们改变（我希望他们在任何时候保持不变）。

我试图避免在调整大小时使用jQuery。有没有可能的方法将我的div放在中心（水平）？

我发现的一切都需要至少一个已知宽度（孩子，父母或其中），但我没有。我可以使用JS或jQuery逃脱吗？

编辑：

HTML：

<div id="parent">
  <div id="center">
     <div class="child"> </div>
     <div class="child"> </div>
     .
     .
     .
     <div class="child"> </div>
  </div>
</div>

CSS：

div{
  position: relative
}
#parent{
  height: 15%;
  width: 100%;
}
.child{
  height: 100%;
  width: 10%;
}
#center{
  height: 100%;
}

注意：当在孩子中添加图像时，它的css被更改（它失去了它的width属性）：

height: 100%;

图片css：

height: 100%;
width: auto;

使用动态宽度居中，但使用％作为子宽度

0 个答案: