css - 页面表格布局有问题

问题描述

问 题

信息是从数据库读的 但是它直接显示在一列了 要怎么修改才可以让信息左右对应

解决方案

代码

  //模拟数据库数据
        List<String[]> data = new ArrayList<>();
        data.add(new String[]{"张三", "123"});
        data.add(new String[]{"李四", "123"});
        //这里有多少个列应该就有多少个 StringBuilder
        StringBuilder nameStr = new StringBuilder("<tr><td>姓名</td>");
        StringBuilder imgStr = new StringBuilder("<tr><td>头像</td>");
        Iterator<String[]> it = data.iterator();
        while (it.hasNext()) {
            String[] s = it.next();
            nameStr.append("<td>" + s[0] + "</td>");
            imgStr.append("<td>" + s[1] + "</td>");
        }
        nameStr.append("</tr>");
        imgStr.append("</tr>");
        System.out.println("<table>" + nameStr.toString() + imgStr.toString() + "</table>");

放到html中效果

你需要先拼接好再out.print

这篇关于css - 页面表格布局有问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！