未知高度宽度元素垂直水平居中
2016-09-18 08:35
381 查看
<!DOCTYPE html>
<html>
<head>
<title>垂直水平居中</title>
<meta charset="utf-8">
<style>
.wrap{
background-color: #ccc;
}
.test {
background-color: red;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50% -50%);
}
</style>
</head>
<body>
<div class="wrap">
<div class="test">
水平垂直居中<br>
两行文字
</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 父元素为一个div，宽度高度不固定，子元素是一个块状元素，宽高已知，如何实现子元素在父元素内水平、垂直居中？
- 未知div宽度高度使div水平垂直居中（弹性盒子方法）
- 高度和宽度不固定元素水平和垂直居中的实现（父元素高度和宽度固定）（完美解决兼容问题）
- 未知高度的div在父元素中水平垂直居中的方法
- 关于未知父元素高度时实用的各种水平垂直居中方式
- DIV未知宽度高度垂直水平居中
- 元素宽度、高度不确定时实现绝对定位水平垂直居中
- 纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
- CSS元素垂直居中，未知高度该如何处理？
- 宽度高度不固定的div如何水平居中与垂直居中（转）
- 未知高度定宽div水平居中及垂直居中（兼容ie6及其他牛逼浏览器）
- 纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
- 未知宽高元素水平垂直居中方法
- 固定宽度 高度的页面在不同分辨率的屏幕上垂直 水平居中
- css在高度未知的情况，水平垂直居中
- 已知/未知宽高的浮动元素水平垂直居中对齐
- CSS解决未知高度的垂直水平居中自适应问题
- 位置高度的图片在一直高度的元素中中垂直水平居中(移动端)
- CSS总结（六）——元素的垂直居中（已知高度/未知高度）
- 未知宽高元素垂直水平居中