html - Chrome 和 Firefox 中的导航栏样式正常，但在 IE 中我有问题

Question

我的 html 代码在这里，在 chrome 和 firefox 中，一切正常，但在 Internet Explorer 标题样式中已经搞砸了。 我以为这是因为 mdb-navbar，但我不知道问题的根源

<mdb-navbar SideClass="navbar navbar-expand-lg header-card grey lighten-4 navbar-light mb-4"
            [containerInside]="false">
  <mdb-navbar-brand>
    <div class="row">
      <div class="col-md-5 user-info col-sm-12">
        <div class="data-column user-name">
          <app-text-block [Title]='"user "' [info]="currentUserName"></app-text-block>

        </div>
      </div>
      <div class="col-md-7 medicalcenter-info col-sm-12 hidden-phone">
        <div class="col-12 data-column">
          <app-text-block [Title]='"med kind"' [info]="medicalCenter?.MedicalCenterKind.Caption"></app-text-block>
        </div>
        <div class="col-12 data-column">
          <app-text-block [Title]='"med name"' [info]="consumerCorp?.Title"></app-text-block>
        </div>
        <div class="col-12 datetime">
          <span>
            {{todayJalali}}
          </span>
          <span>
            {{timeNow}}
          </span>
        </div>
      </div>
    </div>
  </mdb-navbar-brand>
</mdb-navbar>

Answer 1

让它显示为一个 block 并尝试。 您可以使用 css 属性轻松地做到这一点 将“display:block”添加到您的声明中。