我可以用什么来代替HTML?

时间:2010-01-05 11:24:53

标签: html css layout whitespace

我认为

  很难看。

10 个答案:

答案 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)

&#160;是另类,但它也很难看

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

如果您在段落开头需要空格,您可以使用

p {text-indent: 10px; }

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

H2 { word-spacing: 3pt }

请点击此处了解更多选项http://www.hypergurl.com/csstutorial7.html

您可以通过内联,外部和页内(<head>....</head>

将这些样式提供给html

答案 4 :(得分:4)

当我意识到我将有空标签时,我遇到了这个问题。我不想设置一个固定的高度,改变html是迟到的。我想在css中添加一个空格,替换&nbsp,所以我在元素之前添加了空格,使用: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)

您需要使用:

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

六个电磁场

<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

基本上,您可以用replace代替4个空格

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

答案 9 :(得分:0)

如果您想用 HTML 源代码中的简单空格 &nbsp 替换所有 并在浏览器呈现视图中保留空格,例如 pre 标签,您可以在CSS:

white-space:break-spaces