我可以用什么来替换 HTML 中的？答案

【问题标题】：What can I use to substitute    in HTML?我可以用什么来替换 HTML 中的？
【发布时间】：2021-04-27 20:58:37
【问题描述】：

&nbsp;&nbsp; 很丑，我觉得。

【问题讨论】：

取决于你想要通过这样做来实现什么。
为什么还要替换它？

【解决方案1】：

边距和/或填充。（css属性），像这样：

<p style='padding-left : 10px'>Hello</p>

（值得注意的是，放置这样的内联样式通常被认为是不好的做法；您通常在外部 css 文件中声明一个选择器并适当地设置类/任何内容。）

【讨论】：

实际上，这并不总是有用的。我认为如果你需要一个 &nbsp 元素可能是因为你在
中没有内容

【解决方案2】：

在 CSS 中尝试：

white-space:nowrap;

【讨论】：

【解决方案3】：

在 CSS 中，添加

pre{
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}

    不再丑陋

【讨论】：

【解决方案4】：

当我意识到我会有空标签时，我遇到了这个问题。我不想设置固定高度，更改 html 为时已晚。我想在css中添加一个空格，代替&nbsp，所以我在元素前添加了空格，使用:before（需要通过unicode指定）。

p:before {
    content: "\00a0";
}

希望此解决方案可以帮助某人。填充的解决方案不适用于我的问题。

【讨论】：

【解决方案5】：

&#160; 是另一种选择，但也很丑

在 css 中提供了漂亮的解决方案。

如果你需要段落开头的空格，你可以使用

p {text-indent: 10px; }

如果你需要像这样使用单词之间的间距

H2 { word-spacing: 3pt }

更多选项请参见此处http://www.hypergurl.com/csstutorial7.html

您可以通过内联、外部和页内的方式将这些样式赋予 html(<head>....</head>)

【讨论】：

是的也很丑，但是Windows Phone 8（VS Express 2012 Phone）可以容忍，而导致错误（可以忽略但始终显示）。

【解决方案6】：

letter-spacing 和/或word-spacing CSS 属性怎么样？

【讨论】：

【解决方案7】：

您应该使用元素的边距或填充属性来调整空白。

【讨论】：

【解决方案8】：

我在两个按钮之间使用了跨度。

<span style="margin-left:70px;"></span>

它在我需要的地方隔开一切。我尝试创建一个“间隔” div，但这会将其中一个按钮推到另一个下方。我认为那是因为我使用了 margin-bottom:30px;在 div 中。

【讨论】：

【解决方案9】：

你需要使用：

&nbsp;  non-breaking space: ' '
&emsp;  em space: ' '
&ensp;  en space: ' '
&thinsp;    thin space: ' '

每 EM 六个空间

<p>I will display &#8198;</p>
<p>I will display &#x2006;</p>

EN QUAD 空间示例

<p>I will display &#8192;tt</p>
<p>I will display &#x2000;tt</p>

EM QUAD

<p>I will display &#8193;tt</p>
<p>I will display &#x2001;tt</p>

表格

Char    Dec Hex Entity  Name
    8192    2000        EN QUAD
    8193    2001        EM QUAD
    8194    2002    &ensp;  EN SPACE
    8195    2003    &emsp;  EM SPACE
    8196    2004        THREE-PER-EM SPACE
    8197    2005        FOUR-PER-EM SPACE
    8198    2006        SIX-PER-EM SPACE
    8199    2007        FIGURE SPACE
    8200    2008        PUNCTUATION SPACE
    8201    2009    &thinsp;    THIN SPACE
    8202    200A        HAIR SPACE
   8203    200B        ZERO WIDTH SPACE

基本上你可以用

替换4个空格

&emsp; == &nbsp;&nbsp;&nbsp;&nbsp;

【讨论】：

【解决方案10】：

如果您想在 HTML 源代码中将所有 &nbsp 替换为简单的空格并在浏览器渲染视图中保留空格，例如 pre 标签，您可以在 CSS 中使用：

white-space:break-spaces

【讨论】：