首页 > 其他分享 >vue实现展示连续多空格

vue实现展示连续多空格

时间:2022-12-06 14:13:46浏览次数:41  
标签:中文 vue space 展示 空格 nbsp

vue中内容中间空格无论输入多少只会展示一个,可使用v-html来实现多空格展示

  英文空格   中文空格

<div v-html="'价&emsp;&emsp;格'"></div>

或者使用white-space: pre; 直接使用空格

<div style="white-space: pre;" v-html="'价      格'"></div>

  

在uniapp中 <text>标签有space属性可展示连续空格

space 值说明

说明
ensp 中文字符空格一半大小
emsp 中文字符空格大小
nbsp 根据字体设置的空格大小

标签:中文,vue,space,展示,空格,nbsp
From: https://www.cnblogs.com/wjian0916/p/16955049.html

相关文章

  • vue3 使用watch 监听多个数据
    //监听时间选择watch([internalSubmTimer,internalTimer,externalSubmTimer,externaTimer,callbackTimer,],(newValue,oldValue)=......
  • nginx解决vue跨域问题
    location/epayapi{proxy_passhttp://127.0.0.1:7011;proxy_set_headerHost$host;proxy_set_headerX-Real-IP$remote_addr;proxy_set_headerX......
  • TypeError: Cannot read properties of undefined (reading '_c') 之 vue3 数字滚动
    1.在node_modules里找到vue-count-to 2.将vue-count-tosrc文件夹里的3个文件放到自己srccomponents里调用(我这里用count-to文件包裹起来的)3.......
  • Vue中多条件图片路径通过Map存储获取避免嵌套if-else
    场景若依前后端分离版手把手教你本地搭建环境并运行项目:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662前端接收到后台数据之后需进行多个条件......
  • vue 数组转组织树
    //树节点中查询遍历组织getNode(data,key,val){lettreeNode="";data.some(item=>{letflag=false;console.log("item[......
  • Vue 中使用 tailwindcss
    Vue2中使用tailwindcssnpmitailwindcss@3postcss@8autoprefixer@10-Dnpxtailwindcssinit-p//tailwind.config.js/**@type{import('tailwindcss').Config......
  • vue 本地运行和打包部署后页面布局效果不一致的原因
    原因:style没有添加上;同一个盒子多次添加style(或者说和本地添加的style的顺序反了)解决方式:第一个原因:main.js文件中import引入文件先后顺序问题importVuefrom'v......
  • Vue项目部署后,刷新提示404
    本文来自博客园,作者:Carver-听风,转载请注明原文链接:https://www.cnblogs.com/carver/articles/16633191.html一、遇到的问题Vue项目打包部署到线上后,刷新页面会提示404......
  • Avue记(一)
    (1)Avueoption可直接调用组件component属性--子组件接收参为str{label:'模板内容',prop:'content',type:'textarea',......
  • 使用 Grafana 统一监控展示-对接 Zabbix
    概述在某些情况下,Metrics监控的2大顶流:Zabbix:用于非容器的虚拟机环境Prometheus:用于容器的云原生环境是共存的。但是在这种情况下,统一监控展示就不太方便,本文......