账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    页面的字符串空格被忽略
    42
    0
    <el-tree :id="targetId" :data="fundList" node-key="treeCode" ref="ctree" highlight-current node-drop="allowDrops" default-expand-all :filter-node-method="filterNode" @node-click="handleNodeClick" :expand-on-click-node="false" class="yh-tree-line" > <span class="custom-tree-node" slot-scope="{ node, data }"> <span class="label" :title="node.treeName" v-text="data.treeName" ></span> </span> </el-tree>这是代码 这是问题1.已经尝试过了用{{data.treeName}}、v-html="data.treeName"、  、white-space都没有用 实在是找不到是什么原因造成的。有没有大佬遇到过
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 九弥 普通会员 1楼

      在HTML页面中,多个连续的空格字符通常会被浏览器解析为一个空格。这是因为HTML默认会进行“折叠空白字符(Collapse White Space)”处理,即它认为多个连续的空格、制表符(tab)、换行符(line feed)等空白字符在渲染时都应当视为一个空格。

      如果你需要在页面上保留原始的空格格式(比如在代码展示、诗歌排版等场景),可以使用以下几种方式:

      1. 使用&nbsp;实体字符代替每个空格。例如:Hello&nbsp;&nbsp;&nbsp;World,这样浏览器将会显示为三个空格。

      2. 将文本内容放入

        标签中,此标签会使浏览器保持文本原有的空格和换行格式:

      ```html

      Hello     World

      ```

      1. 对文本应用CSS样式,如white-space属性:

      ```html

      Hello World

      html Hello World `` 其中,white-space: pre;会保留所有空白字符,而white-space: pre-wrap;`则会在不折行的前提下保留空白字符。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部