Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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
CSS:增加&;的空间或宽度;为什么?_Css_Whitespace - Fatal编程技术网

CSS:增加&;的空间或宽度;为什么?

CSS:增加&;的空间或宽度;为什么?,css,whitespace,Css,Whitespace,当我们在浏览器上看到时,是否可以增加它的空间或宽度 比如说, Home &nbsp; Away 我希望它在这两个词之间有一个更大的空间,而不是添加太多的 或者除了使用?您还可以使用&emsp改为: Home &emsp; Away 单击此处查看 Html 我建议改为使用CSS <span>Home</span><span>Away</span> span { padding-left:5em; //use padding or

当我们在浏览器上看到
时,是否可以增加它的空间或宽度

比如说,

Home &nbsp; Away
我希望它在这两个词之间有一个更大的空间,而不是添加太多的


或者除了使用

您还可以使用
&emsp改为:

Home &emsp; Away
单击此处查看

Html
我建议改为使用CSS

<span>Home</span><span>Away</span>

span
{
padding-left:5em; //use padding or margin according to your need 
margin-left:5em;
}
HomeAway
跨度
{
左侧填充:5em;//根据需要使用填充或边距
左侧边缘:5em;
}

否则,您可以使用
标记解析HTML文档中的空格这是一个更好的解决方案,无需使用额外的标记,使用CSS
字间距

<p>Home Away</p>
p{ 
    word-spacing:30px;
}


这将允许您有效地将设计与代码中的内容分离。

您已经有了很多好的答案

为了使可能性列表更大,您可以设置

<span>Home Away</span>
<span>Home   Away</span>
<span>Home    Away</span>
然后设置任意多的空间

离家出走
回家
回家

p{ 
    word-spacing:30px;
}
span {
    white-space: pre;
}
<span>Home Away</span>
<span>Home   Away</span>
<span>Home    Away</span>