• jsp 的div表格示例

    1. <%@page contentType="text/html;charset=gbk" pageEncoding="UTF-8"%>
    2. html>
    3. <html>
    4.     <head>
    5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    6.         <title>jsp div 表格示例 title>
    7.     head>
    8.     <body>
    9.  
    10.         <div style="width: 99%; top: 5px; position:  absolute; margin: 0px; ">
    11.             <div id="vartable" style=" width: 800px; display:  table; margin: 0 auto; border-collapse:  collapse;">
    12.  
    13.  
    14.                 <%  for(int i=0;i<15;i++){  %>
    15.  
    16.                 <div  id="vtable-row" style="display:  table-row; height: 30px;  border-collapse:  collapse; border-top:  #021e98 solid thin; border-left: #021e98 solid thin;
    18.                       <% //如果是最后一行使用JSP内置对象out输出border-bottom属性，为表格显示底部框线。
    20.                         if(i==14){
    21.                             out.println("border-bottom:  #021e98 solid thin;");
    22.                         }  %>   ">
    23.  
    24.                     <div style="display:  table-cell; border-right: #021e98 solid thin;  text-align:  center; vertical-align:  middle;">
    25.                         <div> 1div>
    26.                     div>
    27.  
    28.                     <div style="display:  table-cell;  border-right: #021e98 solid thin;  text-align:  center; vertical-align:  middle;">
    29.                         <div> 2div>
    30.                     div>
    31.  
    32.                     <div style="display:  table-cell;  border-right: #021e98 solid thin; text-align:  center; vertical-align:  middle;">
    33.                         <div> 3div>
    34.                     div>
    35.  
    36.                     <div style="display:  table-cell; border-right: #021e98 solid thin; text-align:  center; vertical-align:  middle;">
    37.                         <div> 4div>
    38.                     div>
    39.  
    40.                 div>
    41.  
    42.                 <%  } %>
    43.  
    44.             div>
    45.         div>
    46.  
    47.     body>
    48. html>

     

    这有几个问题；

    它是用div赋予以下属性来形成表格、表格的行、表格的单元格；

    display:  table
    display:  table-row;
    display:  table-cell;

        这个以前没用过；常常都是display:  block，或者 display: none;


    if(i==14){
        out.println("border-bottom:  #021e98 solid thin;");
        }  %>

    这几句是写到div元素的标签内部，

    这个div的结束标签的内部，它是这样的，

                            if(i==14){
                                out.println("border-bottom:  #021e98 solid thin;");
                            }  %>   ">

    代码没有问题；以前也没见这样写法；

    如果移到div标签外部，表格会乱；移到 "> 外面表格会乱；

  • 相关阅读:
    Tomcat & Servlet
    高阶柱状图之极环图与极扇图
    2024得物校招面试真题汇总及其解答（一）
    JVM常见问题笔记分享
    《PPT 自我介绍》:一本让你的职场表现更加出色的秘籍？
    使用canal和rocketmq同步mysql数据到elasticsearch中【canal，rocketmq，elasticsearch】
    AI二次开发C#变量与数据集
    48-安装软件并管理服务
    2023年的低代码：数字化、人工智能、趋势及未来展望
    ABB机器人RWS连接方法
  • 原文地址：https://blog.csdn.net/bcbobo21cn/article/details/134301066