Html 发出以垂直对齐DIV中的文本
您好，您知道为什么垂直对齐（4个深div中的文本）在我的例子中不起作用，尽管Html 发出以垂直对齐DIV中的文本,html,css,Html,Css,您好，您知道为什么垂直对齐（4个深div中的文本）在我的例子中不起作用，尽管vertical align:middle和显示：表格单元格谢谢 如果添加与div高度相等的线条高度，它将根据需要对齐 在这种情况下，添加行高：24px到css中的.col1、.col2、.col3、.col4{} Fiddle.通过浮动封装div，您已经使它们成为块级元素。根据： 在块级元素上，line height CSS属性指定元素中线框的最小高度 因此，声明一个与封装div一样高的行高度属性： .col1, .c
vertical align:middle和显示：表格单元格谢谢
如果添加与div高度相等的线条高度，它将根据需要对齐
在这种情况下，添加行高：24px
到css中的.col1、.col2、.col3、.col4{}
Fiddle.通过浮动封装div，您已经使它们成为块级元素。根据：
在块级元素上，line height CSS属性指定元素中线框的最小高度
因此，声明一个与封装div一样高的行高度属性：
.col1, .col2, .col3, .col4 {
height: 24px;
line-height: 24px;
}
这将导致这些列中的文本在div中垂直居中：
.您希望4个子div垂直居中于父div（红色块）？因为您正在使用float:left覆盖每个.col*
的显示值-浮动自动变为块级，并且垂直对齐
不适用于块级元素。您的意思是：
.col1, .col2, .col3, .col4 {
height: 24px;
line-height: 24px;
}