html a标签中的文字怎么居中对齐

html-css011

html a标签中的文字怎么居中对齐,第1张

a标签外层加一个DIV 然后DIV 设置 样式 text-align:center这样里面就居中了,这是第一种思路,第二种思路的话,就直接在你的源码上改 .a{text-decoration:nonefont-size:20pxfont-weight:boldwidth:222pxheight:100pxborder:1px solid reddisplay:blocktext-align:center} 这个就行了,因为A标签不是一个块级元素 所以 要先 display:block

采纳我把。

1、首先,我们先看看不加任何修改的时候的效果,新建a.html文件,并准备一张小标,如下。

2、使用浏览器打开a.html,可以看到默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐。

3、再次编辑a.html,加入以下css代码:.hlong *{display:inline-blockvertical-align:middle}保存。

4、再次使用浏览器访问a.html页面。对比一下两种结果,标签中的文已经实现了居中对齐。

如果这个a标签在一个块元素里面的话比如

<p><a

href="#">文字</a></p>

你可以给这个p标签加上<p

style="text-align:

center"><a

href="#">文字</a></p>

如果这a标签是单独的话你就先把这个a标签变成块元素然后添加一个宽度,在让它文字居中

<a

href="#"

style="display:

inline-blockwidth:

100pxheight:

40pxtext-align:

center">文字</a>