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

回答

相關問題