HTML <a>標(biāo)簽中的文字要怎么居中對齊？

一、塊元素中的<a>標(biāo)簽居中對齊

HTML代碼——塊元素中的<a>標(biāo)簽如："<p><a href="#">文字</a></p>"

可以給這個<p>標(biāo)簽加上樣式代碼<p style="text-align: center"><a href="#">文字</a></p>

實現(xiàn)垂直居中對齊

代碼示例：

<p style="text-align: center"><a href="http://o2fo.com">W3Cschool</a></p>

效果如下

二、單獨的<a>標(biāo)簽

如果這個<a>標(biāo)簽是單獨的話,就先把這個<a>標(biāo)簽變成塊元素然后添加一個寬度，再讓它文字居中 <a href="#" style="display:inline-block; width:100px; text-align:center">文字</a>例如代碼示例

學(xué)技術(shù)從<a href="http://o2fo.com" style="display:inline-block; width:110px; text-align:center">w3cschool.cn</a>開始!

顯示效果為

• 在行中居中：display:inline-block；
• 單獨行居中： display:block

總結(jié)：

1、給對應(yīng)的要居中的容器加上text-align:center;屬性就可以實現(xiàn)居中對齊了；

2、 html的<a>標(biāo)簽display:block之后文字豎直居中，設(shè)置行高和<a>標(biāo)簽的高度一樣就能居中,使用line-height;

好慢呀,空空如也,半天不來大神解決,大佬在哪啦

有問題找度娘,大佬太少,問題不好解決!!!!!

留名留名!!!,同樣的問題,看看咋結(jié)局!!!