如何使 ion-col 在 col 上扩展文本答案

【问题标题】：How made ion-col expand the text over the col如何使 ion-col 在 col 上扩展文本
【发布时间】：2019-08-21 02:04:37
【问题描述】：

我想将 col-8 扩展为不居中的文本：

<ion-row style="height: 100%;">
  <ion-col col-2>
      <!--<ion-img class="img-menu" src="../../assets/imagen/m-lista.png" routerLink="/datospersonales"></ion-img> -->
  </ion-col>

  <ion-col col-8>
      <p class="titulo-opcion">Venta Nueva</p>
      <p>Permite el ingreso de Proyectos a clientes Nuevos o Existentes</p>
  </ion-col>

  <ion-col col-2>
      <!--<ion-img class="img-menu" src="../../assets/imagen/m-flechita.png"></ion-img>-->
  </ion-col>
</ion-row>

但是图像显示所有文本中心我希望第一列保持 2 和 8 居中，2 保持最后一个，

【问题讨论】：

我认为 col-8 类型指令来自 Ionic3 - 你确定你已经正确标记了这个问题吗？该列不是“居中”的，它的每边只有两列。我认为您将不得不再试一次并更清楚地解释您想要什么。画一张图。如果您没有美术技能，请制作电子表格并截屏。

标签： ionic-framework ionic4 ion-grid

【解决方案1】：

根据你所说的，听起来你想要这个：

<ion-row style="height: 100%;">
  <ion-col>
      <p class="titulo-opcion">Venta Nueva</p>
      <p>Permite el ingreso de Proyectos a clientes Nuevos o Existentes</p>
  </ion-col>
</ion-row>

但我认为您的措辞并不准确，所以也许这不是答案。

正如我上面评论的，如果这不能解决问题，请重写你的问题。

【讨论】：

谢谢，如果这有帮助，请您也投赞成票，否则，由于某种原因，StackOverflow 将其设置为不计入我的 Ionic4 徽章。