CSS如何實現兩個a標簽元素的文字一個靠左一個靠右，并且能點擊分別不同的鏈接

作為一個非專業前端，有時候開發又必須自己寫一些簡單的前端，在網上有時候不能及時查找到內容，只能自己嘗試，如下是實現兩個span中的a標簽下的文字分別靠兩邊，并且之后的元素不會往上涌到中間，還能不丟失連接屬性的方法：

<div class="check_orders" style=""><span id="my_order"><a href="/trolley/">我的訂單&gt;</a></span><span id="order_record"><a href="#">&lt;查看全部訂單</a></span></div>

使用display的flow-root屬性，搭配float：

.check_orders {display: flow-root; } #my_order{float: right; } #order_record{float: left; }

總結

以上是生活随笔為你收集整理的CSS如何实现两个a标签元素的文字一个靠左一个靠右，并且能点击分别不同的链接的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。