zoukankan      html  css  js  c++  java
  • Vue使用&nbsp空白占位符

    当有时候需要在页面显示时显示空格时,可以使用 ,但是使用这个占位符时,无论写多少个,就只能显示一个空格。要想显示多个空格进行占位,这种方式显然是可行的,解决方法是使用转义字符。

    先看代码:

    <template>
        <div>
            <el-row style="background-color: rgb(118, 118, 233);">
                <el-col :span="10">&nbsp;</el-col>
                <el-col :span="5">你好</el-col>
            </el-row>
            <el-row style="background-color: rgb(0, 195, 255);">
                <el-col :span="10" v-html="'u00a0'"/>
                <el-col :span="5">你好</el-col>
            </el-row>
        </div>
    </template>

    效果图:

    根据图可以发现,当使用&nbsp;占位时并不会显示出来,用v-html和转义字符结合便可达到效果。

    其中'u00a0'是'nbsp'的16进制表示,也可以使用下表的值:

    'nbsp' 'u00a0'
    'ensp' 'u2002'
    'emsp' 'u2003'
    就是这么简单,你学废了吗?感觉有用的话,给笔者点个赞吧 !
  • 相关阅读:
    CSUFT 1002 Robot Navigation
    CSUFT 1003 All Your Base
    Uva 1599 最佳路径
    Uva 10129 单词
    欧拉回路
    Uva 10305 给任务排序
    uva 816 Abbott的复仇
    Uva 1103 古代象形文字
    Uva 10118 免费糖果
    Uva 725 除法
  • 原文地址:https://www.cnblogs.com/zys2019/p/14377416.html
Copyright © 2011-2022 走看看