《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/