1. <i id='oduNS'><tr id='oduNS'><dt id='oduNS'><q id='oduNS'><span id='oduNS'><b id='oduNS'><form id='oduNS'><ins id='oduNS'></ins><ul id='oduNS'></ul><sub id='oduNS'></sub></form><legend id='oduNS'></legend><bdo id='oduNS'><pre id='oduNS'><center id='oduNS'></center></pre></bdo></b><th id='oduNS'></th></span></q></dt></tr></i><div id='oduNS'><tfoot id='oduNS'></tfoot><dl id='oduNS'><fieldset id='oduNS'></fieldset></dl></div>

      1. <small id='oduNS'></small><noframes id='oduNS'>

      2. <legend id='oduNS'><style id='oduNS'><dir id='oduNS'><q id='oduNS'></q></dir></style></legend>
        <tfoot id='oduNS'></tfoot>

          <bdo id='oduNS'></bdo><ul id='oduNS'></ul>

        ionic - 如何在 ion-header 中对长字符串进行自动换行

        时间:2023-09-09
      3. <legend id='K9axd'><style id='K9axd'><dir id='K9axd'><q id='K9axd'></q></dir></style></legend>
        <tfoot id='K9axd'></tfoot>
          <tbody id='K9axd'></tbody>
        <i id='K9axd'><tr id='K9axd'><dt id='K9axd'><q id='K9axd'><span id='K9axd'><b id='K9axd'><form id='K9axd'><ins id='K9axd'></ins><ul id='K9axd'></ul><sub id='K9axd'></sub></form><legend id='K9axd'></legend><bdo id='K9axd'><pre id='K9axd'><center id='K9axd'></center></pre></bdo></b><th id='K9axd'></th></span></q></dt></tr></i><div id='K9axd'><tfoot id='K9axd'></tfoot><dl id='K9axd'><fieldset id='K9axd'></fieldset></dl></div>

        • <bdo id='K9axd'></bdo><ul id='K9axd'></ul>

                  <small id='K9axd'></small><noframes id='K9axd'>

                • 本文介绍了ionic - 如何在 ion-header 中对长字符串进行自动换行的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

                  问题描述

                  这是我的代码,我试过 text-wrap ,里面 ion-header 仍然无法显示整个标题.

                  This is my code, and I tried text-wrap , inside ion-header still can not show whole title.

                  <ion-header>
                    <ion-toolbar text-wrap color="danger">
                      <ion-buttons>
                          <button ion-button navPop icon-only>
                              <ion-icon ios="ios-arrow-back" md="md-arrow-back"></ion-icon>
                          </button>
                      </ion-buttons>
                      <ion-title>{{new.title}}</ion-title>
                    </ion-toolbar>
                  </ion-header>
                  

                  更新

                  <ion-header>
                    <ion-toolbar color="danger">
                      <ion-buttons>
                          <button ion-button navPop icon-only>
                              <ion-icon ios="ios-arrow-back" md="md-arrow-back"></ion-icon>
                          </button>
                      </ion-buttons>
                      <ion-item color="danger" text-wrap>
                       <ion-title >{{new.title}}</ion-title>
                      </ion-item>
                    </ion-toolbar>
                  </ion-header>
                  

                  我尝试在那里添加 ion-item,但仍然不适合我.

                  I tried add ion-item there, but still not working for me.

                  更新 2

                  .ios .toolbar-title {
                     text-overflow: inherit;
                     white-space: normal;
                     text-align: left;
                     font-size:1.3em;
                  }
                  
                  .md .toolbar-title {
                     text-overflow: inherit;
                     white-space: normal;
                     text-align: left;
                     font-size:1.3em;
                  }
                  

                  推荐答案

                  请更新你的css文件如下:

                  Pls update your css file as below :

                  .toolbar-title {
                     text-overflow: inherit;
                     white-space: normal;
                  }
                  

                  或者

                  .toolbar-title {
                     text-overflow: unset;
                     white-space: unset;
                  }
                  

                  这篇关于ionic - 如何在 ion-header 中对长字符串进行自动换行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!

                  上一篇:将 angularjs 服务注入 Angular 下一篇:使用模式 Angular 2 进行输入验证

                  相关文章

                  最新文章

                  <tfoot id='K5uRb'></tfoot>
                    <bdo id='K5uRb'></bdo><ul id='K5uRb'></ul>

                    <small id='K5uRb'></small><noframes id='K5uRb'>

                    <i id='K5uRb'><tr id='K5uRb'><dt id='K5uRb'><q id='K5uRb'><span id='K5uRb'><b id='K5uRb'><form id='K5uRb'><ins id='K5uRb'></ins><ul id='K5uRb'></ul><sub id='K5uRb'></sub></form><legend id='K5uRb'></legend><bdo id='K5uRb'><pre id='K5uRb'><center id='K5uRb'></center></pre></bdo></b><th id='K5uRb'></th></span></q></dt></tr></i><div id='K5uRb'><tfoot id='K5uRb'></tfoot><dl id='K5uRb'><fieldset id='K5uRb'></fieldset></dl></div>
                  1. <legend id='K5uRb'><style id='K5uRb'><dir id='K5uRb'><q id='K5uRb'></q></dir></style></legend>