3

考虑以下：

<a>a</a><a>b</a>

如何将第二个锚点 (b) 向右对齐？

PS：浮动在这种情况下是一种滥用。它不是为此而设计的，它会导致一些问题，所以我需要其他更合理的解决方案。

4

8 回答 8

25

只需这样做：

style="float:right"

喜欢：

<div>
   <a href="#Equipment" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-mini">Equipment</a>
   <a href="#Model" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-mini" style="float:right">Model</a>
</div>

http://jsfiddle.net/umerqureshi/0jx7kf1L/

于 2015-01-02T09:54:10.843 回答
8

你需要单独的容器。

<p>
    <span>
        <a>Left</a>
    </span>
    <span class="align-right">
        <a>Right</a>
    </span>
</p>

p {font-size:0; /* Fixes inline block spacing */  }
span { width:50%; display:inline-block; }
span.align-right { text-align:right; }

span a { font-size:16px; }

JSFiddle 示例。

于 2013-02-21T11:25:38.717 回答
8

试试这个 CSS，

使用 CSS3 nth-child()

a:nth-child(2) {
   display: inline-block;
   text-align: right;
   width: 100%;
}

演示：http: //jsbin.com/opexim/3/edit

注意：nth-​​child 是 CSS3，不能在 IE6、7 和 8 等旧浏览器上运行

支持旧浏览器

设置class为第二个<a>锚元素并应用 CSS。

<a>a</a><a class="right">b</a>


a.right {
   display: inline-block;
   text-align: right;
   width: 100%;
}
于 2013-02-21T11:28:26.147 回答
2

也许你可以做这样的事情：<a>a</a><a class="right">b</a>

像这样的CSS：

a.right {
    position: absolute;
    right: 0;
}
于 2013-02-21T11:22:01.363 回答
1

Try and use :nth-child():

a:nth-child(2) {
   display: inline-block;
   text-align: right;
   width: 100%;
}

I don’t know if this works for the older browsers.

于 2021-09-17T07:32:44.597 回答
0

将 aclass或分配id给包含锚点的 'b' 并给margin-left:100%它。

例如：

.second{margin-left:100%;}

要不然

a:nth-child(2){margin-left:100%;}

要不然

你也可以像下面提到的那样做：

css

a:nth-child(1){display:inline-block;width:50%;text-align:left;float:left;}
a:nth-child(2), .second{display:inline-block;width:50%;text-align:right;}

工作小提琴

于 2013-02-21T11:38:42.650 回答
0

你可以试试下面的代码：

<a>a</a><a align="right">b</a>

  <a>a</a><a style="text-align:right">b</a>
于 2013-02-21T11:22:59.397 回答
0 
<div class="mydiv">
    <a class ="mylink"> test </a>
</div>

.mydiv {
    text-align: left;
}

algin您必须为“div”的“a”标签输入您的样式。

于 2021-05-30T14:23:47.277 回答