使用p标签导致字自动换行问题（希望取消换行）

问题：

      <el-col :span="6" class="colp">
            <el-card shadow="hover" class="elcard1">
              <a @click="doMethod('review')">
                <img src="../../../assets/icons/shortcut1.png" class="img">
                <div class="show">
//这里的> 小箭头自动换行了
                  <p class="title">应收管理 ></p>
                <!-- <p class="value">{{ formatterReceiptsAmountTotal(receiptsAmountTotal) }}元</p> -->
                </div>
              </a>
            </el-card>
          </el-col>

 p标签自动换行了导致页面效果如下：

 解决方法：

 增加style="white-space:nowrap;"

  <p class="title" style="white-space:nowrap;">应收管理 ></p>

 

posted @ 2022-07-28 10:39  joyfulest  阅读(1009)  评论(0)  编辑  收藏  举报