- N +

translate居中

文章目录 [+]

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<meta name="Author" content="胡超">

<title>super胡</title>

<style type="text/css">

html,body,div {margin: 0;padding: 0}

.box {

position: relative;

margin: 20px auto;

width: 200px;

height: 200px;

background: #ddf;

}

.content {

position: absolute;

top:50%;

left: 50%;

-webkit-transform: translate(-50%,-50%);

-ms-transform: translate(-50%,-50%);

transform: translate(-50%,-50%);

padding: 10px;

width: 100px;

height: 80px;

background: #abc;

text-align:center;

line-height:80px;

}

</style>

</head>

<body>

<div class="box">

<div class="content">

This is test

</div>

</div>

</body>

</html>


作者:huchao
未来永远在它该来的路上,能够把握的只是此时此刻——万折必东
返回列表
上一篇:
下一篇:
评论列表 (暂无评论,共502人参与)参与讨论

还没有评论,来说两句吧...

发表评论中国互联网举报中心

快捷回复: