css - 在CSS中垂直居中div

标签 css

<分区>

我想居中对齐 #container 以下代码:

<div id="container">
   <p>new</p>
</div>

CSS-

#container {
   position:relative;
   width:100%;
   background:red;
   padding:10px;
   float:left;
   margin-left:30%;/*for centering*/
}

p {
    text-align: center; 
}

关于内容,它没有正确对齐中心,请帮助我。

最佳答案

你想要一个 100% 的 div 和一个具有特定宽度和边距 0 auto 的子元素

#body  {
  width: 100%;
  }

#container {
  width:100px;
  background:red;
  padding:10px;
  margin:0 auto;/*for centering*/
}

p {
    text-align: center; 
}
<div id="body">
  <div id="container">
    <p>new</p>
  </div>
</div>

关于css - 在CSS中垂直居中div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33782592/

相关文章:

html - 使 Bootstrap 输入字段保持一致

html - bootstrap3如何在容器的左侧和右侧插入div block

javascript - 让<p>的高度决定<div>的高度

html - 删除段落和无序列表之间的空格

html - 样式表未显示在 div id 选项卡中?

jquery - 如何将 "chain"选择器放在一起并在 jQuery 中应用相同的函数

html - CSS 如何制作井字游戏发光板?

html - 如何重叠两个 SVG 图像?

css - 我怎样才能修复我的幻灯片,它一直在加载而不在 Android 上显示图片

HTML5 和 CSS3 : Align text next to image