Question

我用Ionic-3的大学项目。我有小问题文本没有与第一行对齐，任何人都知道如何正确对齐这个？查看我的代码和实时样本working sample

这是我的代码

HTML

<ion-card-title><ion-icon name="color-palette" item-start class="card-itm-icon"></ion-icon>
 <p class="card-head-txt-skill" text-wrap >
       A paragraph (from the Ancient Greek παράγραφος paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea.     
          </p>

   </ion-card-title>

CSS

  p.card-head-txt-skill {font-weight: bold; font-size: 1.4rem;     text-indent: 4rem;
    margin-top: -3.5rem;text-align: justify;
    text-align-last:left;}

      .card-itm-icon {color: #ff9300; text-indent: 0.5rem; top: -0.8rem;
    position: relative;}

Answer 1

最后我修复了我的问题

我删除text-indent: 4rem;后添加了此css

p.card-head-txt-skill {font-weight: bold; font-size: 1.4rem;    margin-left: 4rem;
    margin-top: -3.5rem;
    }

离子文本不对齐

1 个答案: