如何将两个跨度元素向左对齐，另一个向右对齐？

我有两个<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

如何将两个跨度元素向左对齐，另一个向右对齐？

回答

相关问题