CSS笔记 行内元素居中

一.行内元素居中

只要我们将行内的元素放在父盒子中
然后父盒子使用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;
}