Question

我正在使用ionic构建混合应用程序，我正在尝试使用width: 25%构建一个包含两列的网格。这是我的代码片段：

<div class="row">
  <div class="col col-offset-25 col-25">1</div>
  <div class="col col-25">2</div>
  <div class="col col-25"> <!-- Empty --> </div>
</div>

结构正在运行，但我必须使用空列来获得结果。是否可以在第二个col-offset-25代码的右侧应用<div>？

Answer 1

如果你删除第三栏，你应该得到你想要的东西（如果我理解你的意图是正确的）

<div class="row">
  <div class="col col-offset-25 col-25">1</div>
  <div class="col col-25">2</div>
</div>

第一列的偏移量为25％，宽度为25％。第二列将是下一列，也将是宽度的25％。之后会有25％的差距

将偏移应用于右侧的列 - 离子网格

1 个答案: