html怎么让文字在盒子里居中,怎么把一行或多行文字，垂直居中在一个自适应高度的盒子中...

在文字外面加个框，通过transform实现。

*{

margin: 0px;

padding: 0px;

}

.container{

width: 100%;

height: 300px;

background-color: #f00;

}

.text{

position: relative;

width: 80%;

height: auto;

top: 50%;

left: 50%;

background-color: #fff;

-webkit-transform: translateX(-50%) translateY(-50%);

-moz-transform: translateX(-50%) translateY(-50%);

-ms-transform: translateX(-50%) translateY(-50%);

transform: translateX(-50%) translateY(-50%);

}

怎么把一行或多行文字，垂直居中在一个自适应高度的盒子中,

怎么把一行或多行文字，垂直居中在一个自适应高度的盒子中,

怎么把一行或多行文字，垂直居中在一个自适应高度的盒子中,

怎么把一行或多行文字，垂直居中在一个自适应高度的盒子中