如何將兩個跨度元素向左對齊，另一個向右對齊？

我有兩個<span>元素：如何將兩個跨度元素向左對齊，另一個向右對齊？

<span style="margin-right:auto;">©2012 XYZ Corp. All Rights Reserved.</span> 
<span style="margin-left:auto;">Built with <a href="http://www.wordpress.org/">Wordpress</a> and hosted by <a href="http://www.mediatemple.net/">(mt)</a> in California.</span>

我想第一<span>是在頁面的左側和第二<span>是在右側，而不管頁寬度（所以我不能使用固定定位）。

我可以用什麼CSS來做到這一點？

來源

2012-02-16 antonpug

css變量float用於定位元素。

的選項有：

float:left; 
float:right; 
float:none;

<span style="float:left;">©2012 XYZ Corp. All Rights Reserved.</span> 

<span style="float:right;">Built with <a href="http://www.wordpress.org/">Wordpress</a> and hosted by <a href="http://www.mediatemple.net/">(mt)</a> in California.</span>

來源

2012-02-16 00:53:40

浮動無助於容器高度了，所以這一切崩潰 – Triynko 2015-07-16 18:43:05

@Triynko正確！當你在一個容器（父元素）中浮動元素時，容器將會崩潰，所以爲了避免你有兩個選擇。谷歌「清除修復」或者只是簡單地將「overflow：hidden」應用到所述容器 – 2015-07-18 10:47:59

如何將兩個跨度元素向左對齊，另一個向右對齊？

回答

相關問題