你可以試下這樣寫(xiě):
<p style="text-align:right">
<a href="http://m.hgci.cn" target="_blank">W3Cschool</a>
<p>
效果如圖
詳情可參考下面這個(gè)問(wèn)題:
HTML <a>標(biāo)簽中的文字要怎么居中對(duì)齊?
http://m.hgci.cn/question/10231604
解決方案一: a標(biāo)簽是行內(nèi)元素大小有內(nèi)容撐開(kāi),所以不能直接用text-align:right;如果想用的話可以添加一跳display:block;將他轉(zhuǎn)化為塊元素,默認(rèn)寬度為屏幕寬度,就可以實(shí)現(xiàn)a標(biāo)簽內(nèi)容的居右對(duì)齊;
2.解決方案二 : 給a標(biāo)簽外面添加一個(gè)父框一般是 div 或 p 元素 給他們?cè)O(shè)置text-align:right;就能讓父框里面的所有東西都向右對(duì)齊 一般初學(xué)者會(huì)這樣用
3.方案三:添加一個(gè)div 或p 的父框 給父框設(shè)置高度 或overflow:hidden(防止防止高度塌陷),然后a標(biāo)簽設(shè)置float:right;(右浮動(dòng)),這個(gè)比較常用
4.還有很多其他方案 比如彈性盒子 定位 等等都可以實(shí)現(xiàn)你要的功能 我就列舉幾個(gè)常用的 就不細(xì)說(shuō)其他的了 希望能幫到你。
<XX>
<aa></aa>
</XX>
XX {text-align:right;}指的是,XX包裹的內(nèi)聯(lián)元素水平居右...并且這個(gè)屬性有遺傳性..而你的這段代碼是讓a包裹的內(nèi)容居右,并不是其本身.所以你給a標(biāo)簽的父元素加上這個(gè)屬性就可以了...看見(jiàn)有回答說(shuō)讓其變成塊級(jí)元素的,那樣的話,其a標(biāo)簽本身占據(jù)了一行,包裹的文字水平居右效果也能實(shí)現(xiàn)..但是那樣的標(biāo)簽占據(jù)了一行的效果基本沒(méi)有實(shí)用價(jià)值,,,對(duì)于你來(lái)說(shuō)恐怕也不是合適的方式..