采纳我把。
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>