一.行内元素居中
只要我们将行内的元素放在父盒子中
然后父盒子使用text-align: center
就可以了
* {
padding: 0px;
margin: 0px;
}
/* 关键 */
.father {
text-align: center;
}
.father a {
display: inline-block;
text-decoration: none;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid gray;
}
.father a:hover{
border: 1px solid blue;
}