html - 在 ionic 中制备3列div组分

我正在尝试建立一个3列div组件，如下所示，但不能这样做。大家都可以看到，预期结果与实际结果有所不同。大家都可以参考plunkr文件here

 <a class="item item-thumbnail-left" href="#">
      No. 1
      <img src="https://pbs.twimg.com/profile_images/604644048/sign051.gif">
      <span>Title here</span>
      <p>This is a very very very long text that should not concatenate</p>
      <span>More info here</span>
    </a>

预期结果：

最佳答案

试试这个。

有关离子中行和列的更多详细信息，请查看How to Create Complex Layouts in Ionic

<div class = "row">

  <div class = "col text-center">No. 1</div>

  <div class = "col text-center">
     <img src="https://pbs.twimg.com/profile_images/604644048/sign051.gif"></div>
  <div class = "col text-center"><span>Title here</span>
      <p>This is a very very very long text that should not concatenate</p>
      <span>More info here</span></div>
</div>

您可以使用CSS更改大小，并且代码在plnkr中可以正常工作。