垂直居中对齐漂浮的,动态加载的dv的内容

时间:2015-05-27 12:15:20

标签: css

我不想为任何元素设置任何固定的高度,这可能吗?

task AwesomeTest(type: Test) {
   extraFilter (this)
}

ext.extraFilter = { task ->
   task.filter {
      setIncludePatterns(filtered as String[])
   }
}

1 个答案:

答案 0 :(得分:0)

body {
  height : 1000px; /* needed to let the height percentage "MyDiv" correctly work */
}
#myDiv {
  position : relative;
   height : 20%; 
  display : table;
  border : solid 1px black; /* to see the behaviour of the div, can be removed */
  
}

#myContainer {
  display : table-cell;
  vertical-align : middle;
}
<body>
<div id="myDiv" >
  <div id="myContainer">
    my super content !
   </div>
</div>
  </body>

在第一个div容器上使用display : table,在包含文字或图片的子div中使用display : table-cell ....