App下載
話題 首頁(yè) > HTML 教程 > HTML 教程話題列表 > 詳情

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

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

回答(22)

滄海乘風(fēng)去 精華 2016-11-21

你可以試下這樣寫:

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

效果如圖

詳情可參考下面這個(gè)問題:

HTML <a>標(biāo)簽中的文字要怎么居中對(duì)齊?http://o2fo.com/question/10231604

1216824960 2017-05-09

解決方案一: a標(biāo)簽是行內(nèi)元素大小有內(nè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ì)說其他的了 希望能幫到你。

xiaochuan 2016-11-25

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

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

看評(píng)論就能學(xué)到好多東西

1820448429 2017-03-21

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

277584167 2017-01-07

你們都說的很正確

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

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

小星星~ 2017-08-17

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

Cesare 2018-04-18

因?yàn)閍標(biāo)簽是內(nèi)聯(lián)元素 他本身是沒有長(zhǎng)和高的 更別說內(nèi)部?jī)?nèi)容居右了;

你可以這么解決:

1.將a標(biāo)簽設(shè)置為塊元素(塊元素默認(rèn)長(zhǎng)度等于你的窗口長(zhǎng)度)再進(jìn)行居右

2.外面包一個(gè)塊元素,將你的a標(biāo)簽居右

3.a標(biāo)簽右浮動(dòng)

木子_李20130407 2018-05-10

對(duì)著呢,用<div>或者<p>這個(gè)標(biāo)簽

一樂拉面 2018-06-28

大家說的都對(duì)

OVO 2016-12-13

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

< a href = "http://o2fo.com"; 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)元素,需要轉(zhuǎ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)元素沒有對(duì)齊一說。

1152696398 2018-05-31

這個(gè)問題我也不清楚,等大佬來(lái)解決吧。。

一筆荒蕪 2018-06-01

好慢呀,空空如也,半天不來(lái)大神解決,大佬在哪啦

要回復(fù),請(qǐng)先登錄 或者注冊(cè)