6 つのリスト項目 (間隔を空けて) をサイト全体で水平方向に均等に配置する方法がわかりません。ページの幅は 1000px です。これは私が持っているものです...
<ul id='mp_locations'>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<style>
#mp_locations {
clear:both;
list-style:none;
padding:0;
margin:0;
width: 1000px;
}
#mp_locations li {
float:left;
width:180px;
list-style:none;
height:100px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #F5F5F5;
padding:0;
margin:0;
margin-left:10px;
width:15%;
}
#mp_locations li:first-child {
margin-left:0;
}
</style>
これの問題は、15% では小さすぎますが、16% では大きすぎることです。(私の知る限りでは)小数を計算できないため、一定の金額に設定することはできません。基本的に、6 つのボックスをページ全体に均等に並べるにはどうすればよいでしょうか?