很难看。
答案 0 :(得分:21)
保证金和/或填充。 (css属性),如下:
<p style='padding-left : 10px'>Hello</p>
(值得注意的是,将这样的内联样式通常视为不良做法;您通常在外部css文件中声明一个选择器并适当地设置类/任何内容。)
答案 1 :(得分:18)
在CSS中尝试:
white-space:nowrap;
答案 2 :(得分:5)
在CSS中,添加
pre{
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
}
<pre> is not ugly anymore </pre>
答案 3 :(得分:4)
 
是另类,但它也很难看
css中提供了漂亮的解决方案。
如果您在段落开头需要空格,您可以使用
p {text-indent: 10px; }
如果你需要像这样使用单词之间的间距
H2 { word-spacing: 3pt }
请点击此处了解更多选项http://www.hypergurl.com/csstutorial7.html
您可以通过内联,外部和页内(<head>....</head>
)
答案 4 :(得分:4)
当我意识到我将有空标签时,我遇到了这个问题。我不想设置一个固定的高度,改变html是迟到的。我想在css中添加一个空格,替换 
,所以我在元素之前添加了空格,使用:before
(需要通过unicode指定)。
p:before {
content: "\00a0";
}
希望此解决方案可以帮助某人。带填充的解决方案对我的问题不起作用。
答案 5 :(得分:2)
letter-spacing
和/或word-spacing
CSS属性怎么样?
答案 6 :(得分:1)
您应该对元素使用边距或填充属性来调整空格。
答案 7 :(得分:1)
我在两个按钮之间使用了一段距离。
<span style="margin-left:70px;"></span>
它将所有东西都放在我需要的地方。我尝试创建一个“spacer”div,但是将其中一个按钮推到另一个下面。我认为这是因为我使用的是保证金底部:30px;在div。
答案 8 :(得分:1)
您需要使用:
non-breaking space: ' '
  em space: ' '
  en space: ' '
  thin space: ' '
六个电磁场
<p>I will display  </p>
<p>I will display  </p>
EN QUAD空间示例
<p>I will display  tt</p>
<p>I will display  tt</p>
EM QUAD
<p>I will display  tt</p>
<p>I will display  tt</p>
表
Char Dec Hex Entity Name
8192 2000 EN QUAD
8193 2001 EM QUAD
8194 2002   EN SPACE
8195 2003   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   THIN SPACE
8202 200A HAIR SPACE
8203 200B ZERO WIDTH SPACE
基本上,您可以用replace代替4个空格
  ==
答案 9 :(得分:0)
如果您想用 HTML 源代码中的简单空格  
替换所有
并在浏览器呈现视图中保留空格,例如 pre 标签,您可以在CSS:
white-space:break-spaces