我正在尝试从我的字符串中删除 &nbsp答案

【问题标题】：I'm trying to remove &nbsp from my strings我正在尝试从我的字符串中删除 &nbsp
【发布时间】：2023-02-03 09:36:09
【问题描述】：

我正在尝试从我的字符串中删除 &nbsp 并在我的 js 文件的以下 div 中以最佳和最干净的方式保持它们的原始位置

export default function Tree() {
    return (
            <div className="tree">
                mammals<br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cheetah <br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bear <br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lion <br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dog <br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;elephant <br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ape <br/>
             
            </div>
    )
}

将不胜感激任何建议先感谢您

我尝试将每个转换为跨度并根据每个测试的距离分配相应的样式，但我觉得有一种更简洁的方法

【问题讨论】：

看起来你正在尝试制作一个列表。您可以使用<ul> 和<li> 元素，然后设置它们的样式以具有适当的缩进并隐藏要点吗？
@Shiping 这是我需要做的：通过编辑 ./src/tree/index.js 和 ./tree/index.css 文件中的 html 和 css，用改进的布局替换内联 &nbsp“样式”。

标签： javascript html css

【解决方案1】：

也许你可以使用 JS 脚本来做到这一点，我猜是使用这个 JSscript

let tree = document.querySelector('.tree').innerHTML;
tree = tree.replace(/&nbsp;/g, '');
document.querySelector('.tree').innerHTML = tree;

【讨论】：