文章/答案/技术大牛

发布

社区首页 >问答首页 >如何对齐两个span元素，一个向左，另一个向右？

问如何对齐两个span元素，一个向左，另一个向右？
EN

Stack Overflow用户

提问于 2012-02-16 08:50:17

回答 1查看 96.7K关注 0票数 20

我有两个<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来做这件事？

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-02-16 08:53:40

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

以下是工作示例：

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

<span style="float:right; color: blue;">Built for example</span>

票数 41

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9303976

复制

相似问题

问如何对齐两个span元素，一个向左，另一个向右？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何对齐两个span元素，一个向左，另一个向右？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何对齐两个span元素，一个向左，另一个向右？
EN