当前位置: 首页 > 面试题库 >

如何在另一个div中居中放置一个div?

康文昌
2023-03-14
问题内容

我想#container将居中#main_content。但是,事实并非如此。我只想找出原因以及如何使其居中。

#main_content {

  top: 160px;

  left: 160px;

  width: 800px;

  min-height: 500px;

  height: auto;

  background-color: #2185C5;

  position: relative;

}



#container {

  width: auto;

  height: auto;

  margin: 0 auto;

  padding: 10px;

  position: relative;

}


<div id="main_content">

  <div id="container">

  </div>

</div>

问题答案:

您需要设置容器的宽度。(auto不起作用)

#container {
    width: 640px; /*can be in percentage also.*/
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

MDN的CSS参考说明了这一切。



 类似资料:
  • 问题内容: 我想将添加到另一个div内的div居中。 这是我当前正在使用的CSS。 如您所见,我现在使用的方法取决于width和height的值。如果width / height发生变化,我将不得不修改and值。是否有任何通用解决方案可用于始终将居中对齐它的大小? 我发现使用可以将innerDiv水平分配到中间,但是垂直分配中间呢? 问题答案: tl; dr 垂直对齐中间作品,但是您将不得不在父元

  • 各位早上好,我正在创建一个产品销售系统,这个话题会有点长,因为我想好好解释一下。 正在用Vaadin+MySQL+springboot+Maven开发的系统 在主屏幕上,我们有一个网格,上面有“新建”、“更改”和“删除”按钮: 当点击new按钮时,将打开一个窗口,开始“销售”产品: 这里的问题是这样的,当我点击“+项”时会出现以下情况: 问题:创建了一个滚动条(在窗口的右边),保存、关闭和+项按钮

  • 问题内容: 我编写了以下HTML,试图将两个div彼此居中。 但是,我编写的代码导致两个div一直向左浮动。正确执行的操作是并排浮动两个div。 我需要更改以使两个div并排居中吗? 问题答案: 您将必须自动为包装div设置边距,并可能设置一个特定的宽度 在您的CSS中:

  • 我想在我的JPanel上放置两个按钮,其中一个位于中心,另一个位于JPanel的右上角。JPanel与包含JPanel的JFrame大小相同。如何使用GridBagLayout和GridBagConstraints实现这一点? 用于camickr的MCVE 固定溶胶: 固定文本框的图像

  • 问题内容: 在将一个人叠加到另一个人上时,我需要帮助。 我的代码如下所示: 不幸的是,我不能将或嵌套在第一个内部。 如图所示,它必须是两个单独的,但是我需要知道如何将放置在上方和最右侧,并以的顶部为中心。 问题答案: 我建议使用来了解和子元素。

  • 问题内容: 我是角度新手:-)我只是想将一个div的尺寸设置为另一个,请给予任何帮助。 在控制器中,我添加了: 返回宽度和高度,但未应用 问题答案: 我已经为您的问题创建了解决方案。首先,我将向您解释我做了什么以及为什么这样做。 Angular中的一项基本准则是,应避免在控制器中处理div等DOM元素,而应在指令中执行与DOM元素有关的大多数操作。 指令允许您将功能绑定到特定的dom元素。在这种情