Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 是否有一种优雅的方式来创建/生成空间而不是&;什么?_Html_Css_Space - Fatal编程技术网

Html 是否有一种优雅的方式来创建/生成空间而不是&;什么?

Html 是否有一种优雅的方式来创建/生成空间而不是&;什么?,html,css,space,Html,Css,Space,我需要在HTML文件中生成空格。是一个不间断空格。或者,我想您可以使用(XHTML)标记来生成新行。使用或标记。标记保留所有空格、制表符和换行符 <head> <style type="text/css"> .left-space { margin-left: 10px; } </style> </head> <body> <div> <p>This is a test line.<s

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

是一个不间断空格。或者,我想您可以使用

(XHTML)标记来生成新行。

使用
标记。
标记保留所有空格、制表符和换行符

<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>
.spacer_1
{
    padding:0px 5px;
}
编辑

关于您对其使用的评论,对于填充,您可能想看看我几乎从未使用过的


margin
padding
属性适用于间距,而

属性适用于换行符。(我也不太频繁地使用

这一切都取决于上下文,您可以使用字母间距、单词间距,或者例如填充周围的span

没有更多的信息,就不可能给出好的建议


编辑:如果它用于文本/单词之间,我会选择单词间距,也许还有字母间距。

亚科比是对的。但我有不同的想法:

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

.左空格{左边距:10px;}
这是一条测试线。这是一条前面有空格的线


顺便说一下,你应该用
 替换
以符合XHTML。

我将span与css类一起使用。
我有几个类,如间隔垫圈1、间隔垫圈2、间隔垫圈3等。
我像这样使用不同的水平填充

要使用此垫片,可以使用以下垫片

/*这将产生一半的间隙*/
|
只要做:

/*在您的css代码中:**/
之前
{
显示:内联;
}

此文本在4个空格之后。
在不制动的情况下,继续使用其他元件

用于布局,因此文本不会显得拥挤。它用于文本/单词之间。只需添加一点小技巧,1em等于1字体高度,因此2em与当前设置(上下文)的2字体相同,当前设置随文本缩放大小。