首页 > 代码库 > 手机端头部返回
手机端头部返回
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
html{margin: 0;padding: 0;}
.box{display:table;}
.box span{display:table-cell;vertical-align:middle;}
.img{margin: 0;padding: 0;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfloat{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.bigboxdv{background-color: #ecedf1;border-bottom: 1px solid red;}
.img-tui{width: 50px;height: 80px; vertical-align:middle;}
.img-tel{width: 80px; height: 80px;}
.img-ren{width: 80px; height: 80px;}
.dvbox1{width: 30%;}
.dvbox2{width: 40%;}
.dvbox3{width: 30%;}
.zwen{text-align: center;display: block;font-size: 4rem;}
</style>
</head>
<body>
<div class="bigboxdv clearfloat">
<div class="fl dvbox1 box">
<span>
<img class="img-tui" src="http://www.mamicode.com/img/ind1_03.png" />
</span>
</div>
<div class="fl dvbox2">
<span class="zwen zhongzaixian">在线</span>
</div>
<div class="fl dvbox3 clearfloat box">
<span>
<img class="img-ren fr" src="http://www.mamicode.com/img/ind1_07.png" />
<img class="img-tel fr" src="http://www.mamicode.com/img/ind1_05.png" />
</span>
</div>
</div>
</body>
</html>
手机端头部返回