App下載
話題 首頁 > HTML 教程 > HTML 教程話題列表 > 詳情

大家好!求解答一下我這一小段代碼,我為什么實現(xiàn)不了居右的效果?

精華
HJ 2016-11-19 20:55:15 瀏覽(22339) 回復(22) 贊(1)
``` <a href="http:www.baidu.com" style="text-align:right" target="_blank">原文地址</a> ```
html

回答(22)

滄海乘風去 精華 2016-11-21

你可以試下這樣寫:

<p style="text-align:right">
<a href="http://hgci.cn" target="_blank">W3Cschool</a>
<p>

效果如圖

詳情可參考下面這個問題:

HTML <a>標簽中的文字要怎么居中對齊?http://hgci.cn/question/10231604

1216824960 2017-05-09

解決方案一: a標簽是行內(nèi)元素大小有內(nèi)容撐開,所以不能直接用text-align:right;如果想用的話可以添加一跳display:block;將他轉化為塊元素,默認寬度為屏幕寬度,就可以實現(xiàn)a標簽內(nèi)容的居右對齊;

2.解決方案二 : 給a標簽外面添加一個父框一般是 div 或 p 元素 給他們設置text-align:right;就能讓父框里面的所有東西都向右對齊 一般初學者會這樣用

3.方案三:添加一個div 或p 的父框 給父框設置高度 或overflow:hidden(防止防止高度塌陷),然后a標簽設置float:right;(右浮動),這個比較常用

4.還有很多其他方案 比如彈性盒子 定位 等等都可以實現(xiàn)你要的功能 我就列舉幾個常用的 就不細說其他的了 希望能幫到你。

xiaochuan 2016-11-25

a 是內(nèi)聯(lián)元素,需要轉為塊元素才行:

<a href="http:www.baidu.com" style="display:block;text-align:right" target="_blank">原文地址</a>
Eric_hu 2017-07-12

看評論就能學到好多東西

1820448429 2017-03-21

你這樣寫的只是讓標簽<a>中的漢字在<a>標簽區(qū)域居右了

277584167 2017-01-07

你們都說的很正確

2017-06-06
<XX>
  <aa></aa>
</XX>

XX {text-align:right;}指的是,XX包裹內(nèi)聯(lián)元素水平居右...并且這個屬性有遺傳性..而你的這段代碼是讓a包裹的內(nèi)容居右,并不是其本身.所以你給a標簽的父元素加上這個屬性就可以了...看見有回答說讓其變成塊級元素的,那樣的話,其a標簽本身占據(jù)了一行,包裹的文字水平居右效果也能實現(xiàn)..但是那樣的標簽占據(jù)了一行的效果基本沒有實用價值,,,對于你來說恐怕也不是合適的方式..

小星星~ 2017-08-17

a標簽是行元素,寬高取決標簽內(nèi)的內(nèi)容,居右效果已經(jīng)是實現(xiàn)了但你的a標簽寬度就那四個字的長度,建議你審查元素,這樣更加清楚元素寬高和間距等等。

Cesare 2018-04-18

因為a標簽是內(nèi)聯(lián)元素 他本身是沒有長和高的 更別說內(nèi)部內(nèi)容居右了;

你可以這么解決:

1.將a標簽設置為塊元素(塊元素默認長度等于你的窗口長度)再進行居右

2.外面包一個塊元素,將你的a標簽居右

3.a標簽右浮動

木子_李20130407 2018-05-10

對著呢,用<div>或者<p>這個標簽

一樂拉面 2018-06-28

大家說的都對

OVO 2016-12-13

< p style = "text-align:right" >

< a href = "http://hgci.cn"; target = "_blank" > W3Cschool < p >

770806492 2017-01-18

text-align:right;就好了 或者display:block;float:right;

三月不知 2017-03-03

你沒有添加居右的代碼

Silence廣 2018-01-18

a 是內(nèi)聯(lián)元素,需要轉為塊元素才行:hljs xml < a href = "http:www.baidu.com" style = "display:block;text-align:right" target = "_blank" > 原文地址 a >

名偵探_柯楠 2018-03-15

沒人考慮 *{margin:0;padding:0;} 的嗎

55123403 2018-03-19

內(nèi)聯(lián)元素沒有對齊一說。

1152696398 2018-05-31

這個問題我也不清楚,等大佬來解決吧。。

一筆荒蕪 2018-06-01

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

要回復,請先登錄 或者注冊