Question

我正在尝试将span或div元素垂直居中于另一个div元素中。但是，当我把vertical-align：middle放在中间时，没有任何反应。我试过改变这两个元素的显示属性，似乎没什么用。

这就是我目前在网页上所做的事情：

<!DOCTYPE HTML>
<html>
<head>
<style>
div{
    width: 300px;
    height: 300px;
    border: 1px solid #333;
    background-color: #CCC;
    text-align: center;
    vertical-align: middle;
}

</style>
</head>
<body>
<div>Test</div>
</body>
</html>

Answer 1

在div上添加显示表格单元格。

div{
    width: 300px;
    height: 300px;
    border: 1px solid #333;
    background-color: #CCC;
    text-align: center;
    vertical-align: middle;
  display: table-cell;
}

<div>Test</div>

div span标签的vertical-align

1 个答案: