CSS-使div水平对齐
我有一个容器div，其中有一个固定的，width并height带有overflow: hidden。
我想要水平行的float：此容器内的div左。左浮动的Divs在读取其父级的右边界后自然会推到下面的“行”上。即使height父级的不允许这样做，也会发生这种情况。这是这样的样子：
！[错误] [1]- 删除了已被广告替换的图片棚屋图片
我希望它看起来如何：
！[右] [2]- 删除了已被广告替换的图片棚屋图片
注意：我想要的效果可以通过使用内联元素＆来实现white-space: no- wrap（这就是我在所示图像中所做的事情）。但是，这对我不利（由于冗长的原因，在这里无法解释），因为子div需要浮动块级元素。
问题答案：
您可以在容器中放置一个内部div，其宽度足以容纳所有浮动的div。
#container {
background-color: red;
overflow: hidden;
width: 200px;
}
#inner {
overflow: hidden;
width: 2000px;
}
.child {
float: left;
background-color: blue;
width: 50px;
height: 50px;
}
<div id="container">
<div id="inner">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
</div>
-
问题内容： 我有一个div，希望它水平居中-尽管我给它的是不居中… 问题答案： 您需要设置和。 这指定了从窗口侧面偏移边缘边缘的距离。 类似于“ top”，但指定框的右边距边缘与框的包含块的[right / left]边缘的[left / right]偏移多远。 注意： 元素的宽度必须 小于 窗口的宽度，否则它将占用窗口的整个宽度。 如果可以使用媒体查询来指定 最小 边距，然后过渡到更大的屏幕尺寸
-
问题内容： 我知道这个问题存在一百万次，但是我找不到解决方案。我有一个div，它应该固定在屏幕上，即使滚动页面，它也应该始终保持在屏幕中间！ 对于所有浏览器尺寸，div应该具有宽度，应该远离顶部（页边距），应该在页面中间水平居中，并且在滚动其余页面时不应移动。 那可能吗？ 问题答案：
-
问题内容： 由于某些原因，我的div不会在包含div的水平居中： 有时有一个行div，其中只有一个块div。我究竟做错了什么？ 问题答案： 要实现您想要做的事情： 考虑使用代替。
-
我想要中心的div水平与一个选项滚动使用CSS。我怎样才能做到呢？我看到了一个解决方案使用边距自动和最大宽度，但div将被削减，所以我没有这样做。 null null
-
问题内容： 我弹出一个包含ASP.NET表单的弹出窗口，单击链接“请求信息”，然后出现该表单。 但是，具有链接“请求信息”以触发弹出窗口的页面包含很多内容，因此需要滚动才能看到该链接。 如果用户滚动阅读内容，则需要始终居中，否则，如果他们不滚动，弹出窗口仍将居中显示在屏幕上。 在绝对定位，整个页面宽度与边距设置为。 问题答案： 如果div具有固定的宽度和高度，请使用：（如果width = 120p
-
问题内容： 我需要将两个div彼此对齐，以便每个都包含一个标题和一个项目列表，类似于： 使用表非常容易，但是我不想使用表。我该如何实现？ 问题答案： 将div浮动到父容器中，并设置其样式如下：