并排显示

本文介绍了一种使用Java处理省份数据的方法,并将其格式化为便于前端展示的形式。通过遍历省份列表,将每三个省份的数据封装到一个Map中,然后将这些Map添加到List中。前端使用JSP页面展示数据,每个省份配有一个复选框和名称。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如图这样显示:


List<Map<String,Object>> list =  new ArrayList<Map<String,Object>>();
			Map<String,Object> map = null;
			List<Map<String, Object>> all= biz.getAllProvinces();
			for (int i = 0; i < allProvinces.size(); i+=3) {
				map = new HashMap<String, Object>();
				for(int j = i; j < i+3 && j < <span style="font-family: Arial, Helvetica, sans-serif;">all</span><span style="font-family: Arial, Helvetica, sans-serif;">.size(); j++){</span>
					String unicode = all.get(j).get("unicode").toString();
					String name = all.get(j).get("name").toString();
					if((j+1)%3==1){
						map.put("unicode1", unicode);
						map.put("name1", name);
						
					}else if((j+1)%3==2){
						map.put("unicode2", unicode);
						map.put("name2", name);
						
					}else{
						map.put("unicode3", unicode);
						map.put("name3", name);
					}
				}
				list.add(map);
			}
			request.setAttribute("list", list);
			return "forward:/jsp.jsp";
页面:

<c:forEach items="${list }" var="result"  varStatus="status" >
                 	<ul class="lineTwo">
                       <li style="width:10%"  class="minFirst first">  
                       		<input type="checkbox" id="${result.unicode1 }" name="id" value="${result.unicode1}">
                       </li>
                       <li style="width:23%">${result.name1}</li>
                       <c:if test="${not empty result.unicode2}">
	                       <li style="width:10%"  class="minFirst first">  
	                       		<input type="checkbox" id="${result.unicode2}" name="id" value="${result.unicode2}">
	                       </li>
	                       <li style="width:23%">${result.name2}</li>
                       </c:if>
                       <c:if test="${not empty result.unicode3}">
	                       <li style="width:10%"  class="minFirst first">  
	                       		<input type="checkbox" id="${result.unicode3}" name="id" value="${result.unicode3}">
	                       </li>
	                       <li style="width:23%">${result.name3}</li>
                       </c:if>
	                </ul>
                   </c:forEach>



### Typora 中实现 Markdown 图片并排显示的方法 在 Typora 中通过 Markdown 实现图片并排显示,可以借助 HTML 的 `<figure>` 或者 `<center>` 标签完成。以下是具体设置方法: #### 方法一:使用 `<figure>` 标签 可以通过 `<figure>` 标签配合 `class="half"` 来实现两幅图片的并排显示。此方法适用于本地图片路径或网络链接。 ```html <figure class="half"> <img src="C:\Users\YU\AppData\Roaming\Typora\typora-user-images\1694055993986.png" width="300"/> <img src="C:\Users\YU\AppData\Roaming\Typora\typora-user-images\1694055782143.png" width="300"/> </figure> ``` 上述代码中,`width="300"` 控制每张图片的宽度,可以根据实际需求调整大小[^4]。 --- #### 方法二:使用 `<center>` 标签 另一种简单的方式是利用 `<center>` 标签将两张或多张图片放置在同一行内。这种方式同样支持本地图片和网络图片。 ```html <center> <img height="300px" src="https://i-blog.csdnimg.cn/blog_migrate/2837edc1a034d03ed8c7a330269a17da.jpeg"/> <img height="300px" src="https://i-blog.csdnimg.cn/blog_migrate/2837edc1a034d03ed8c7a330269a17da.jpeg"/> </center> ``` 这里需要注意的是,`height="300px"` 定义了图片的高度,而宽度会自动按比例缩放[^5]。 --- #### 注意事项 1. 如果图片过大影响布局效果,建议适当调整其尺寸参数(如 `width` 和 `height`),以适应文档的整体风格。 2. 对于本地图片路径,在导出为其他格式(如 PDF 或 HTML)时需确认目标环境能够解析这些路径;否则推荐优先使用网络图片 URL 链接。 以上就是在 Typora 中实现 Markdown 图片并列排列的主要技巧。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值