標籤：float body content type vbox htm splay doctype width
<!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>
手機端頭部返回
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
