讓li可以自動換行，並左對齊
阿新 • • 發佈：2019-01-14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#navi{width:500px;}
ul {
list-style-type: none;margin:0; padding:0
}
ul li {
float:left;width: 100px;
}
body {
font-size: 12px;
}
a:link {
text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="navi">
<ul>
<li><a href="#">選單1 Itemone</a> </li>
<li><a href="#">選單2 Itemtw</a></li>
<li><a href="#">選單3 Itemthree</a> </li>
<li><a href="#">選單4 Itemfour</a> </li>
<li><a href="#">選單05 Itemfiv</a> </li>
<li><a href="#">選單06 Itemsixx</a></li>
<li><a href="#">選單7 Item777</a> </li>
<li><a href="#">選單8 Item8888</a> </li>
<li><a href="#">選單9 Item99</a></li>
<li><a href="#">選單10 Itemtttenn</a></li>
<li><a href="#">選單11 Item111e</a> </li>
<li><a href="#">選單12 Item1122</a> </li>
<li><a href="#">選單13 Item13131</a> </li>
<li><a href="#">選單14 Item1414</a> </li>
<li><a href="#">選單15 Item1555</a> </li>
<li><a href="#">選單16 Item16</a> </li>
<li><a href="#">選單17 Item17777</a> </li>
<li><a href="#">選單18 Item18</a> </li>
<li><a href="#">選單19 Item1999</a> </li>
<li><a href="#">選單20 Item122</a> </li>
<li><a href="#">選單21</a></li>
</ul>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#navi{width:500px;}
ul {
list-style-type: none;margin:0; padding:0
}
ul li {
float:left;width: 100px;
}
body {
font-size: 12px;
}
a:link {
text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="navi">
<ul>
<li><a href="#">選單1 Itemone</a> </li>
<li><a href="#">選單2 Itemtw</a></li>
<li><a href="#">選單3 Itemthree</a> </li>
<li><a href="#">選單4 Itemfour</a> </li>
<li><a href="#">選單05 Itemfiv</a> </li>
<li><a href="#">選單06 Itemsixx</a></li>
<li><a href="#">選單7 Item777</a> </li>
<li><a href="#">選單8 Item8888</a> </li>
<li><a href="#">選單9 Item99</a></li>
<li><a href="#">選單10 Itemtttenn</a></li>
<li><a href="#">選單11 Item111e</a> </li>
<li><a href="#">選單12 Item1122</a> </li>
<li><a href="#">選單13 Item13131</a> </li>
<li><a href="#">選單14 Item1414</a> </li>
<li><a href="#">選單15 Item1555</a> </li>
<li><a href="#">選單16 Item16</a> </li>
<li><a href="#">選單17 Item17777</a> </li>
<li><a href="#">選單18 Item18</a> </li>
<li><a href="#">選單19 Item1999</a> </li>
<li><a href="#">選單20 Item122</a> </li>
<li><a href="#">選單21</a></li>
</ul>
</div>
</body>
</html>