61,115
社区成员
发帖
与我相关
我的任务
分享<div class = "biaoge">
<li><a>方格1</a><li>
<li><a>方格2</a><li>
<li><a>方格3</a><li>
<li><a>方格4</a><li>
<li><a>方格5</a><li>
<li><a>方格6</a><li>
<li><a>方格7</a><li>
<li><a>方格8</a><li>
<li><a>方格9</a><li>
</div>
效果如下：
方格1 方格2 方格3 方格4
方格5 方格6 方格7 方格8
方格9
在网页中引用一组 <li><a>方格*</a><li>， 就会自动在网页上加入一个方格，而且按照每行四个的形式自动罗列。
<li><a>方格1</a><li>
<li><a>方格2</a><li>
<li><a>方格3</a><li>
<li><a>方格4</a><li>
<li><a>方格5</a><li>
<li><a>方格6</a><li>
<li><a>方格7</a><li>
<li><a>方格8</a><li>
<li><a>方格9</a><li>
</div>
效果如下：
方格1 方格2 方格3 方格4
方格5 方格6 方格7 方格8
方格9
在网页中引用一组 <li><a>方格*</a><li>， 就会自动在网页上加入一个方格，而且按照每行四个的形式自动罗列。
...全文
请发表友善的回复…
发表回复
fengyezi81 2006-07-26
- 打赏
- 举报
<html>
<head>
<style>
.biaoge {
width:380px;
clear:both;}
li {
float:left;
list-style:none;
border:1px solid #ccc;
text-align:center;
width:80px; margin-right:5px;
height:80px;
vertical-align:middle;
margin-bottom:5px;
}
</style>
</head>
<body>
<div class = "biaoge">
<li><a>方格1</a></li>
<li><a>方格2</a></li>
<li><a>方格3</a></li>
<li><a>方格4</a></li>
<li><a>方格5</a></li>
<li><a>方格6</a></li>
<li><a>方格7</a></li>
<li><a>方格8</a></li>
<li><a>方格9</a></li>
</div>
</body>
</html>
<head>
<style>
.biaoge {
width:380px;
clear:both;}
li {
float:left;
list-style:none;
border:1px solid #ccc;
text-align:center;
width:80px; margin-right:5px;
height:80px;
vertical-align:middle;
margin-bottom:5px;
}
</style>
</head>
<body>
<div class = "biaoge">
<li><a>方格1</a></li>
<li><a>方格2</a></li>
<li><a>方格3</a></li>
<li><a>方格4</a></li>
<li><a>方格5</a></li>
<li><a>方格6</a></li>
<li><a>方格7</a></li>
<li><a>方格8</a></li>
<li><a>方格9</a></li>
</div>
</body>
</html>
myeagle_prg 2006-07-26
- 打赏
- 举报
是不是这样？
<html>
<head>
<style>
.biaoge {
width:160px;
clear:both;}
li {
float:left;
list-style:none
}
</style>
</head>
<body>
<div class = "biaoge">
<li><a>方格1</a><li>
<li><a>方格2</a><li>
<li><a>方格3</a><li>
<li><a>方格4</a><li>
<li><a>方格5</a><li>
<li><a>方格6</a><li>
<li><a>方格7</a><li>
<li><a>方格8</a><li>
<li><a>方格9</a><li>
</div>
</body>
</html>
<html>
<head>
<style>
.biaoge {
width:160px;
clear:both;}
li {
float:left;
list-style:none
}
</style>
</head>
<body>
<div class = "biaoge">
<li><a>方格1</a><li>
<li><a>方格2</a><li>
<li><a>方格3</a><li>
<li><a>方格4</a><li>
<li><a>方格5</a><li>
<li><a>方格6</a><li>
<li><a>方格7</a><li>
<li><a>方格8</a><li>
<li><a>方格9</a><li>
</div>
</body>
</html>
