Css 文本垂直对齐在div中不起作用？ .st\u内容\u标题{ 宽度：500px； 高度：250px； 背景：红色； 边框：1px实心#ccc； 浮动：左； 边际：0px； 填充：0px； 显示：表格单元格； 垂直对齐：中间对齐； } “st_Content_out”课程的内容在这里

如果浮动元素，则会丢失表格单元格状态

.st_content_heading{
width:500px;
height:250px;
background:red;
border:1px solid #ccc;
float:left;
margin:0px;
padding:0px;
display:table-cell;
vertical-align:middle;
}
<div class="st_content_heading" style="vertical-align:middle;">Content for  class "st_content_out" Goes Here</div>

---

如果浮动元素，则会丢失表格单元格状态

.st_content_heading{
width:500px;
height:250px;
background:red;
border:1px solid #ccc;
float:left;
margin:0px;
padding:0px;
display:table-cell;
vertical-align:middle;
}
<div class="st_content_heading" style="vertical-align:middle;">Content for  class "st_content_out" Goes Here</div>

---

这个解决方案非常适合我。即使它是div中的一个链接或一个文本，这个CSS类也可以垂直对齐div中的内容

.st_content_heading{
width:500px;
height:250px;
background:red;
border:1px solid #ccc;
/* float:left; take this out */ 
margin:0px;
padding:0px;
display:table-cell;
vertical-align:middle;
}

---

希望这能有所帮助。

这个解决方案与我非常匹配。即使它是div中的一个链接或一个文本，这个CSS类也可以垂直对齐div中的内容

.st_content_heading{
width:500px;
height:250px;
background:red;
border:1px solid #ccc;
/* float:left; take this out */ 
margin:0px;
padding:0px;
display:table-cell;
vertical-align:middle;
}

---

希望这能有所帮助。

谢谢你的帮助。。如果当时我需要使用“float:left”，我能做什么？在它周围加上一个div并使其浮动。如果答案正确，最佳做法是单击我答案旁边的复选标记。这允许其他用户找出正确的答案。谢谢它的工作。。如果当时我需要使用“float:left”，我能做什么？在它周围加上一个div并使其浮动。如果答案正确，最佳做法是单击我答案旁边的复选标记。这允许其他用户找出哪个答案是正确的。