App下載
首頁(yè) > html > ui_ol > HTML Element Style - 如何創(chuàng)建6列流體布局與李

HTML Element Style - 如何創(chuàng)建6列流體布局與李

我們想知道如何創(chuàng)建6列流體布局與李。 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list li {
  width: 16.66666666666667%;
  float: left;
}

.list li a {
  display: block;
  border: 1px solid #ddd;
  text-align: center;
}
</style>
</head>
<body>
  <ul class="list">
    <li class="list-element first"><a>Item 1</a></li>
    <li class="list-element"><a>Item 2</a></li>
    <li class="list-element"><a>Item 3</a></li>
    <li class="list-element"><a>Item 4</a></li>
    <li class="list-element"><a>Item 5</a></li>
    <li class="list-element last"><a>Item 6</a></li>
  </ul>
</body>
</html>