扫码下载编程狮APP
你可以试下这样写:
<p style="text-align:right"> <a href="http://www.w3cschool.cn" target="_blank">W3Cschool</a> <p>
效果如图
详情可参考下面这个问题:
HTML <a>标签中的文字要怎么居中对齐?http://www.w3cschool.cn/question/10231604
HTML <a>标签中的文字要怎么居中对齐?
解决方案一: a标签是行内元素大小有内容撑开,所以不能直接用text-align:right;如果想用的话可以添加一跳display:block;将他转化为块元素,默认宽度为屏幕宽度,就可以实现a标签内容的居右对齐;
2.解决方案二 : 给a标签外面添加一个父框一般是 div 或 p 元素 给他们设置text-align:right;就能让父框里面的所有东西都向右对齐 一般初学者会这样用
3.方案三:添加一个div 或p 的父框 给父框设置高度 或overflow:hidden(防止防止高度塌陷),然后a标签设置float:right;(右浮动),这个比较常用
4.还有很多其他方案 比如弹性盒子 定位 等等都可以实现你要的功能 我就列举几个常用的 就不细说其他的了 希望能帮到你。
a 是内联元素,需要转为块元素才行:
<a href="http:www.baidu.com" style="display:block;text-align:right" target="_blank">原文地址</a>
看评论就能学到好多东西
你这样写的只是让标签<a>中的汉字在<a>标签区域居右了
你们都说的很正确
<XX> <aa></aa> </XX>
XX {text-align:right;}指的是,XX包裹的内联元素水平居右...并且这个属性有遗传性..而你的这段代码是让a包裹的内容居右,并不是其本身.所以你给a标签的父元素加上这个属性就可以了...看见有回答说让其变成块级元素的,那样的话,其a标签本身占据了一行,包裹的文字水平居右效果也能实现..但是那样的标签占据了一行的效果基本没有实用价值,,,对于你来说恐怕也不是合适的方式..
a标签是行元素,宽高取决标签内的内容,居右效果已经是实现了但你的a标签宽度就那四个字的长度,建议你审查元素,这样更加清楚元素宽高和间距等等。
因为a标签是内联元素 他本身是没有长和高的 更别说内部内容居右了;
你可以这么解决:
1.将a标签设置为块元素(块元素默认长度等于你的窗口长度)再进行居右
2.外面包一个块元素,将你的a标签居右
3.a标签右浮动
对着呢,用<div>或者<p>这个标签
大家说的都对
< p style = "text-align:right" >
< a href = "http://www.w3cschool.cn" target = "_blank" > W3Cschool < p >
楼上正解
text-align:right;就好了 或者display:block;float:right;
你没有添加居右的代码
a 是内联元素,需要转为块元素才行:hljs xml < a href = "http:www.baidu.com" style = "display:block;text-align:right" target = "_blank" > 原文地址 a >
hljs xml < a href = "http:www.baidu.com" style = "display:block;text-align:right" target = "_blank" > 原文地址 a >
没人考虑 *{margin:0;padding:0;} 的吗
内联元素没有对齐一说。
这个问题我也不清楚,等大佬来解决吧。。
好慢呀,空空如也,半天不来大神解决,大佬在哪啦
联系方式:
扫描二维码
下载编程狮App
扫码关注 领资料包