Question

考虑此示例：http://jsfiddle.net/afkjnzss/，是否可以覆盖使其内部内容（示例中为button）的div样式转到中心（垂直）< / STRONG>？

基本上，我希望它的行为类似于常规div但使用button。内部内容应从顶部开始。我正在寻找通用解决方案。

原因：我使用的是button，因为我需要[disabled]属性，这显然只适用于表单元素。此外，使用pointer-events: none不是一个选项，因为我需要支持IE9 +。

Answer 1

button元素是替换元素，因此它们的表示超出了CSS的范围。

因此，我建议在按钮内部使用一个包装器（例如.text），而不是不对内容进行居中。这样，包装器是否居中无关紧要，因为它们具有相同的高度。

#button {
  border: 0;
  padding: 0;    
}
#button > .text {
  min-height: 100px;
}

<button id="button">
  <div class="text">blabla</div>
</button>

Answer 2

编辑：编辑问题后，更清楚你想要什么，也许是this？

CSS：

body, html {
    height: 100%;
}

#button{
    position: relative;
    border: 0;
    padding: 0;
    height: 100%;
    width: 100%;  
}

.text {
    position: absolute;
    top: 0;
}

禁用内部元素的HTML按钮居中

2 个答案: