做这个模块的时候,精品推荐用的h3.后面用的ul>li>a 我用了line-height来垂直居中,起初没给这个竖框 ,由于line-height的特性可以居中文字,这些文字就都被居中了,但是我给了li一个左边框后,li的左边框没有被垂直居中,原因是li是块级元素,不能用这种方法居中,于是我给了a一个左边框来实现这个竖线。
由于这个模块后续可能还会添加其他的东西,所以不给这个模块设置宽度,而是让a拥有一个左右padding值撑开
.goods ul {
float: left;
}
.goods ul li {
line-height: 62px;
float: left;
text-align: center;
}
.goods ul li a {
height: 17px;
line-height: 17px;
padding: 0 36px;
display: inline-block;
border-left: 1px solid #bfbfbf;
font-size: 16px;
}