416day（版心右下结束，css验证）

最新推荐文章于 2025-11-11 17:08:26 发布

原创最新推荐文章于 2025-11-11 17:08:26 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

《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/sprite_fs@1x.png) no-repeat;
}
.jd-service li p {
	text-align: center;
}