html - 强制div中的所有文本保持在1行上

我有以下。。。

   <div id="nav-above" class="navigation">
 <div class="nav-previous"><a href="link" rel="prev"><span class="meta-nav">&laquo;</span> title</a></div>
 <div class="nav-next"><a href="link" rel="next">title <span class="meta-nav">&raquo;</span></a></div>
</div><!– #nav-above –>

单独使用外部CSS是否可以强制所有这些只保留在一行上？

最佳答案

div[class^=nav-] {
    float: left;
}

这应该管用。请注意，我的代码片段使用的是CSS3选择器，因此在不太高级的浏览器中可能无法工作。为两个div提供相同的类，然后可以使用普通选择器。
更新：
这在IE6中是行不通的，除非你这样做：

<div id="nav-above" class="navigation">
 <div class="nav-previous navigation-links"><a href="link" rel="prev"><span class="meta-nav">&laquo;</span> title</a></div>
 <div class="nav-next navigation-links"><a href="link" rel="next">title <span class="meta-nav">&raquo;</span></a></div>
</div><!– #nav-above –>

（注意新的class.navigation链接）
然后更改css选择器：

div.navigation-links {
    float: left;
}

关于html - 强制div中的所有文本保持在1行上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4647343/