Question

我的目标是垂直居中一些文字。现在我有一个包含p的div。 div是：

.container{
 margin-left: auto;
 margin-right: auto;
 height: auto;
 min-height: 100px;
 border: 1px solid red;
 width: 60%;
 overflow: hidden;
 }

和p：

.welcome_title{
 float: left;
 width: 30%;
 height: 100%;
 min-height: 100%;
 font-size: 200%;
 vertical-align: middle;
 text-align: center;
 }

这样做可以使p的高度达到屏幕的100％而不是它的高度。任何帮助？

Answer 1

除非您使用 display：table-cell

，否则 vertical-align 属性将无效

不知道为什么你的welcome_title会浮动，如果需要浮动，但在这里你会找到三个例子。我相信你会找到一个适合你需要的产品。