手机端头部返回
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了手机端头部返回相关的知识，希望对你有一定的参考价值。
<!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="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="img/ind1_07.png" />
<img class="img-tel fr" src="img/ind1_05.png" />
</span>
</div>
</div>
</body>
</html>
以上是关于手机端头部返回的主要内容，如果未能解决你的问题，请参考以下文章