Question

这是实际的HTML代码：

<ion-item>
  <ion-icon document item-left></ion-icon>
  <h2>Overview</h2>
  <p class="item-description">{{movie.overview}}</p>
</ion-item>

这是我在调用ionic serve后在浏览器中获得的内容：

<ion-item class="item item-block item-md">
   <div class="item-inner">
      <div class="input-wrapper">
        <!--template bindings={
        "ng-reflect-ng-if": "true"
        }-->
        <ion-label class="label label-md">
            <h2>Overview</h2>
            <p class="item-description">A lot of text that should extend to multiple lines.</p>
        </ion-label>
      </div>
      <!--template bindings={
      "ng-reflect-ng-if": null
      }-->
    </div>
    <div class="button-effect">
    </div>
</ion-item>

是否有任何规则可以确定最终标记的外观？如果我不知道应该将样式规则分配给哪些人，我该如何设计元素的样式？例如，这是ion-label的默认CSS：

.ion-label {
  white-space: nowrap;
}

这会导致文本仅限于一行。我没有办法预先（我猜）离子将文本包装在标签中。那我怎么能覆盖这个风格呢？

我的两个问题是：为什么初始和最终标记看起来不同？有没有办法确定最终标记会是什么样的？

Ionic 2中的额外属性和标记来自哪里？

0 个答案: