Question

我有一个格式化的XML表。如果标签为空，则该列会折叠，随后的列将打印到该空间中，从而弄乱了该列的格式。

XSL文件具有一系列列的样式，如下所示：

logger

显示每列的数据：

        .drawingrev {
        float: left;
        width: 0.8in;
        text-align:center;
    }

如果value-of为空，则该条目折叠，并将下一个数据写入该空间。

在寻找合适的设置来保留空间方面，我将提供一些帮助，

谢谢！

Answer 1

如果您使用CSS

.drawing-container {
  display: flex; 
  flex-wrap: wrap;
}

并将您的班级更改为

.drawingrev {
    width: 0.8in;
    text-align:center;
}

，然后确保div与class="drawingrev"的父项div class="drawing-container"，CSS弹性框布局应仅确保div的布局均等，是否他们是否有内容：

    .drawingrev {
        width: 0.8in;
        text-align:center;
    }
    
    .drawing-container {
        display: flex; 
        flex-wrap: wrap;
    }

      <div class="drawing-container">
         
         <div class="drawingrev">item 1</div>
         
         <div class="drawingrev">item 2</div>
         
         <div class="drawingrev">item 3</div>
         
         <div class="drawingrev">item 4</div>
         
         <div class="drawingrev"></div>
         
         <div class="drawingrev">item 6</div>
         
         <div class="drawingrev">item 7</div>
         
         <div class="drawingrev">item 8</div>
         
         <div class="drawingrev">item 9</div>
         
         <div class="drawingrev"></div>
         
         <div class="drawingrev">item 11</div>
         
         <div class="drawingrev">item 12</div>
         
         <div class="drawingrev">item 13</div>
         
         <div class="drawingrev">item 14</div>
         
         <div class="drawingrev"></div>
         
         <div class="drawingrev">item 16</div>
         
         <div class="drawingrev">item 17</div>
         
         <div class="drawingrev">item 18</div>
         
         <div class="drawingrev">item 19</div>
         
         <div class="drawingrev"></div>
      </div>

标记为空时防止XML列崩溃

1 个答案: