CSS样式多个div

如何设置这些div以便它们显示在没有子弹的1行上？CSS样式多个div

<div> 
Copyright (c) 2013 Acme Inc. All rights reserved. 
</div> 

<div> 
<ul> 
<li><a href="#">Privacy Policy</a></li> 
<li><a href="#">Terms &amp; Conditions</a></li> 
</ul> 
</div>

来源

2013-01-22 user1822824

这是一个非常基本的问题。 [你有什么尝试？]（http://whathaveyoutried.com） –

什么CSS当前应用于这些项目？ –

您应该向<ul>或其父<div>添加一个类。

<div class='copyright'> 
Copyright (c) 2013 Acme Inc. All rights reserved. 
</div> 
<ul class='footer'> 
    <li><a href="#">Privacy Policy</a></li> 
    <li><a href="#">Terms &amp; Conditions</a></li> 
</ul>

然后调整CSS：

.footer { 
    list-style-type: none; 
    display: inline; 
} 

.footer li, .copyright { 
    display: inline; 
}

或

.footer li, .copyright { 
    display: inline-block; 
}

或

.footer li, .copyright { 
    display: block; 
    float: left; 
}

添加类.footer是很随意的，但在我的Ø很推荐小齿轮。你可以简单地调整CSS选择ul { list-style-type: none; }或ul li { ... }

但守信，你为什么不干脆用这个？

<div> 
Copyright (c) 2013 Acme Inc. All rights reserved. 
<a href='#'>Privacy Policy</a> 
<a href='#'>Terms &amp; Conditions</a> 
</div>

来源

2013-01-22 22:28:39 wildhaber

它不应该是'display：inline;'使它们出现在同一行吗？ – Zar

@Zar - 是的，也可以，我只是想给出一些选择（更新我的答案），只要这个问题对他的需求非常开放。我不确定他特别需要什么。 – wildhaber

<html> 
<body> 
<div style="display:inline"> 
Copyright (c) 2013 Acme Inc. All rights reserved. 
</div> 

<div style="display:inline"> 
<ul style="display:inline"> 
<li style="display:inline"><a href="#">Privacy Policy</a></li> 
<li style="display:inline"><a href="#">Terms &amp; Conditions</a></li> 
</ul> 
</div> 
    </body> 
</html>

来源

2013-01-22 22:34:48

CSS样式多个div

回答

相关问题