<body> <center> <table style="width: 700; heigth: 600; border: 0; cellpadding: 0; cellspacing: 0"> <tr> <td> <% List<Item> list = DbService.getallItems(); for (Item i : list) { %> <div> <dl> <dt> <a href="detail.jsp?id=<%=i.getId()%>"> <img src="images/<%=i.getPicture()%>" width="120" height="80"> </a> </dt> <dd class="dd-name"><%=i.getName() %></dd> <dd class="dd-city">产地:<%=i.getCity()%> 价格<%=i.getPrice()%></dd> </dl> </div> <% } %> </td> </tr> </table> </center> </body>
<style type="text/css">
div{
float:left;
margin:10px;
}
</style>
加上这句样式
<dl> 定义定义列表 <dd> 定义定义列表中项目的描述 <dt> 定义定义列表中的项目 示例: <dl> <dt>计算机</dt> <dd>用来计算的仪器 ... ...</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 ... ...</dd> </dl>
table的正确用法:
<table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr></table>