我的目标是垂直居中一些文字。现在我有一个包含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%而不是它的高度。任何帮助?
答案 0 :(得分:1)
除非您使用 display:table-cell
,否则 vertical-align 属性将无效不知道为什么你的welcome_title会浮动,如果需要浮动,但在这里你会找到三个例子。我相信你会找到一个适合你需要的产品。
http://deeson-online.co.uk/labs/how-centre-align-text-or-content-vertically-css