html – 如何使用css浮动内联元素

概述假设我有以下标记： <ul class="editor"><li> <a href="#">Modules</a> <a href="#">View</a> <a href="#">Add</a></li><li> <a href="#">Sections</a> <a href="#">View</a> <a href="#">Add</a></li></u 假设我有以下标记：

<ul ><li>   <a href="#">Modules</a>  <a href="#">VIEw</a>  <a href="#">Add</a></li><li>   <a href="#">Sections</a>  <a href="#">VIEw</a>  <a href="#">Add</a></li></ul>

我如何浮动’视图’和’添加’到右边,以便它们以与HTML相同的顺序出现？

现在,如果我这样做

.editor li a:nth-child(2),.editor li a:nth-child(3){  float:right;}

我会得到一行看起来像：

Modules                           Add VIEw

但我想要

Modules                           VIEw Add

这可能只通过CSS3吗？

编辑：
对不起,我应该提到,我没有访问HTML.只有CSS

解决方法 文本对齐li右边只浮动第一个左边.

.editor li {  text-align: right; }.editor li a:nth-child(1) {  float: left;}

我假设您已经隐藏了默认列表项目符号.

总结

以上是内存溢出为你收集整理的html – 如何使用css浮动内联元素全部内容，希望文章能够帮你解决html – 如何使用css浮动内联元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。