《2018年11月24日》【连续416天】
标题:版心右下结束,css验证;
内容:
<div class="jd-service">
<ul>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
<li><a href="#">
<i></i>
<p>机票</p>
</a></li>
</ul>
</div>
.jd-service {
height: 208px;
overflow: hidden;
}
.jd-service li {
float: left;
width: 47px;
height: 69px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.jd-service ul {
width: 193px;
}
.jd-service li a{
width: 100%;
height: 100%;
display: block;
}
.jd-service li a i {
width: 24px;
height: 24px;
display: block;
margin: 15px auto 8px;
background: url(../images/[email protected]) no-repeat;
}
.jd-service li p {
text-align: center;
}
css代码验证https://validator.w3.org/