话题 首页 > HTML 教程 > HTML 教程话题列表 > 详情

大家好!求解答一下我这一小段代码,我为什么实现不了居右的效果?

精华
HJ 2016-11-19 20:55:15 浏览(11666) 回复(21) 赞(0)
<a href="http:www.baidu.com" style="text-align:right" target="_blank">原文地址</a>
html

回答(21)

沧海乘风去 精华 2016-11-21

你可以试下这样写:

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

效果如图

详情可参考下面这个问题:

HTML &lt;a&gt;标签中的文字要怎么居中对齐?http://www.w3cschool.cn/question/10231604

1216824960 2017-05-09

解决方案一: a标签是行内元素大小有内容撑开,所以不能直接用text-align:right;如果想用的话可以添加一跳display:block;将他转化为块元素,默认宽度为屏幕宽度,就可以实现a标签内容的居右对齐;

2.解决方案二 : 给a标签外面添加一个父框一般是 div 或 p 元素 给他们设置text-align:right;就能让父框里面的所有东西都向右对齐 一般初学者会这样用

3.方案三:添加一个div 或p 的父框 给父框设置高度 或overflow:hidden(防止防止高度塌陷),然后a标签设置float:right;(右浮动),这个比较常用

4.还有很多其他方案 比如弹性盒子 定位 等等都可以实现你要的功能 我就列举几个常用的 就不细说其他的了 希望能帮到你。

xiaochuan 2016-11-25

a 是内联元素,需要转为块元素才行:

<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>标签区域居右了

277584167 2017-01-07

你们都说的很正确

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

XX {text-align:right;}指的是,XX包裹内联元素水平居右...并且这个属性有遗传性..而你的这段代码是让a包裹的内容居右,并不是其本身.所以你给a标签的父元素加上这个属性就可以了...看见有回答说让其变成块级元素的,那样的话,其a标签本身占据了一行,包裹的文字水平居右效果也能实现..但是那样的标签占据了一行的效果基本没有实用价值,,,对于你来说恐怕也不是合适的方式..

木子_李20130407 2018-05-10

对着呢,用<div>或者<p>这个标签

一乐拉面 2018-06-28

大家说的都对

OVO 2016-12-13

lt; p style = "text-align:right" &

lt; a href = "http://www.w3cschool.cn"; target = "_blank" & W3Cschool < p &

770806492 2017-01-18

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

三月不知 2017-03-03

你没有添加居右的代码

小星星~ 2017-08-17

a标签是行元素,宽高取决标签内的内容,居右效果已经是实现了但你的a标签宽度就那四个字的长度,建议你审查元素,这样更加清楚元素宽高和间距等等。

Silence广 2018-01-18

a 是内联元素,需要转为块元素才行:hljs xml &lt; a href = &quot;http:www.baidu.com&quot; style = &quot;display:block;text-align:right&quot; target = &quot;_blank&quot; &gt; 原文地址 a &gt;

名侦探_柯楠 2018-03-15

没人考虑 *{margin:0;padding:0;} 的吗

55123403 2018-03-19

内联元素没有对齐一说。

Cesare 2018-04-18

因为a标签是内联元素 他本身是没有长和高的 更别说内部内容居右了;

你可以这么解决:

1.将a标签设置为块元素(块元素默认长度等于你的窗口长度)再进行居右

2.外面包一个块元素,将你的a标签居右

3.a标签右浮动

1152696398 2018-05-31

这个问题我也不清楚,等大佬来解决吧。。

一笔荒芜 2018-06-01

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

要回复,请先登录 或者注册
二维码
建议反馈
二维码