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

收藏
HTML/HTML5
10
Mar 19, 2018
<a href="http:www.baidu.com" style="text-align:right" target="_blank">原文地址</a>

 

回答

云松回答

问题分析:

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

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

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

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

 

问题解答:

<p style="text-align:right"><a href="http:www.baidu.com" target="_blank">原文地址</a></p>

 

(0)

提交成功