我想将文本居中放置在我创建的“人工”表格的单元格中间。 (人工的，因为它使用了div)
在 css 样式中我添加了这些行:
text-align:center;
vertical-align:middle;
这通常可以解决问题。在这种情况下，但是他们没有。这是完整的源代码:
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>asd</title>
<style>
body {
padding:0;
margin:0;
}
.Table {
position:absolute;
left:25px;
top:275px;
border:none;
width:650px;
height:40.99999px;
border-top:1px solid black;
border-left:1px solid black;
}
.Cell {
float:left;
width:107.3333px;
height:40px;
border-right:1px solid black;
border-bottom:1px solid black;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
</style>
</head>
<body>
<div class="Table">
<div class="Cell ">Hello</div>
<div class="Cell ">Hello</div>
<div class="Cell ">hihi</div>
<div class="clear"></div>
<div class="Cell "></div>
<div class="Cell "></div>
<div class="Cell "></div>
</div>
</body>
</html>
最佳答案
vertical-align 不适用于 block 元素 (div)，在您的情况下，您可以使用 line-height: 40px; 代替。给一个文本元素一个等于父元素高度的行高将垂直居中
关于css - 垂直对齐不起作用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17940096/