JSP 图片满4列就新建一行
时间: 2023-04-10 19:03:36 浏览: 51
可以使用以下代码实现:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSP图片满4列新建一行</title>
<style>
.img-container {
display: flex;
flex-wrap: wrap;
}
.img-container img {
width: 25%;
margin: 5px;
}
</style>
</head>
<body>
<div class="img-container">
<% for (int i = 1; i <= 12; i++) { %>
<img src="image<%= i %>.jpg" alt="image<%= i %>">
<% if (i % 4 == 0) { %>
<br>
<% } %>
<% } %>
</div>
</body>
</html>
这段代码使用了 flex 布局,将图片容器设置为 flex 容器,每个图片占据 25% 的宽度,并设置了 5px 的外边距。在循环中,每输出 4 张图片就插入一个换行符。
相关问题
JSP表格满4列就新建一行
可以使用以下代码实现:
<table>
<%
int count = 0;
for(int i=0; i<10; i++){
if(count == 0){
out.print("<tr>");
}
out.print("<td>cell "+i+"</td>");
count++;
if(count == 4){
out.print("</tr>");
count = 0;
}
}
%>
</table>
这段代码会生成一个包含10个单元格的表格,每行最多4个单元格,超过4个就会新建一行。
jsp生成一个三行十列的表格
以下是使用 JSP 生成一个三行十列的表格的示例代码:
```
<table border="1">
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
<th>列4</th>
<th>列5</th>
<th>列6</th>
<th>列7</th>
<th>列8</th>
<th>列9</th>
<th>列10</th>
</tr>
<%
for(int i=1; i<=3; i++){
%>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<% } %>
</table>
```
此代码使用了一个 for 循环,在每行中生成了 10 个空单元格。您可以在单元格中添加内容,例如使用 JSP 表达式插入变量。