css怎么居中a标签?


css怎么居中a标签?

a标签是内联元素,实现a标签居中有下面几个简单的方法:

  • 给a标签的父元素添加text-align: center属性。

  • 将a标签设置为块级元素,并使用text-align: center实现居中。

(推荐学习:CSS视频教程

1、给a标签的父元素添加text-align: center属性。

.app{
    height: 100px;
    border: 1px solid #000;
    text-align: center;
}

2、将a标签设置为块级元素,并使用text-align: center实现居中

a{
    display: block;
    text-align: center;
}

效果:

Snipaste_2020-01-15_10-02-00.png-600

更多CSS3相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css怎么居中a标签?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑