是否有一种优雅的方式来制作/生成空格而不是＆amp; nbsp？

StackOverflow https://stackoverflow.com/questions/1803967

  •  05-07-2019
  •  | 
  •  

题

我需要在HTML文件中生成空格。

有帮助吗？

解决方案

这一切都取决于上下文，你可以使用字母间距，字间距或例如填充周围的跨度。

如果没有更多信息，就无法给出好的建议。

编辑：如果它用于文本/文字之间，我就会选择字间距和字母间距。

其他提示

使用＆amp; nbsp 或＆lt; pre＆gt; 标记。 ＆lt; pre＆gt; 标记会保留所有空格，标签和换行符。

修改结果 关于您对其使用的评论，对于填充，您可能需要查看 css padding

我几乎没有使用＆amp; nbsp;

margin 和 padding 属性适用于间距，而＆lt; br /＆gt; 适用于换行。 （我也不太频繁地使用＆lt; br /＆gt; 。）

＆安培; NBSP;是一个不间断的空间。或者我猜你可以使用＆lt; br /＆gt; （XHTML there）标签来生成一个新行。

我使用带有css类的span。
我有几个类像spacer_1，spacer_2，spacer_3等。
我使用不同的水平填充

.spacer_1
{
    padding:0px 5px;
}

使用此间隔符可以使用以下

<span class="spacer_1" /> /*this will generate half the gap*/
<span class="spacer_1"></span>
<span class="spacer_1">|</span>

只是这样做：

/* in your css code:  */ 
pre
{
  display:inline;   
}

<!-- and then, in your HTML markup: -->

<pre>    this text comes after 4 spaces.</pre>
<span> continue the line with other element without braking </span>

Yacoby是对的。但我有不同的东西：

<head>

<style type="text/css">
    .left-space { margin-left: 10px; }
</style>

</head>

<body>

<div>
   <p>This is a test line.<span class="left-space">This is a line with space before it.</span></p>
</div>

</body>

顺便说一句，你应该用＆amp;＃160; 替换＆amp; nbsp; 以符合XHTML。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top