如何使用HTML/CSS在文本中插入空格/制表符

可能的方法:

<pre> ... </pre>

style="white-space:pre"

还有别的事吗?

当前回答

你可以使用 对于空格，<对于<(小于，实体号<)和>对于>(大于，实体号>)。

完整的列表可以在HTML实体中找到。

2012-03-20 18:39:21

其他回答

User8657661的答案最接近我的需求(跨几行对齐)。然而，我无法让示例代码像提供的那样工作，但我需要如下更改:

<html>
    <head>
        <style>
            .tab9 {position:absolute;left:150px; }
        </style>
    </head>

    <body>
        Dog Food: <span class="tab9"> $30</span><br/>
        Milk of Magnesia:<span class="tab9"> $30</span><br/>
        Pizza Kit:<span class="tab9"> $5</span><br/>
        Mt Dew <span class="tab9"> $1.75</span><br/>
    </body>
</html>

如果你需要右对齐的数字，你可以改变左:150px到右:150px，但你需要改变基于屏幕宽度的数字(写的数字将是150像素从屏幕的右边缘)。

2017-12-16 22:00:36

在我的例子中，我需要在每段的开头插入，所以我做了下面的事情，它对我很有效，我希望它能帮助到别人

p:first-letter {
    margin-left: 20px
}

2022-03-21 21:10:01

你还可以使用:

padding-left
padding-right
padding-top
padding-bottom

2014-06-23 05:35:08

HTML中的空格类型

在文本之间创建四个空格&emsp;

在文本之间创建两个空格&ensp;

在文本之间创建一个规则的空格-  

创造一个狭窄的空间(类似于常规空间，但略有不同- “&thinsp”;

句子间距- "</br>"

这个链接可能对你有帮助。查看[https://hea-www.harvard.edu/~fine/Tech/html-sentences.html]

2018-09-02 12:28:05

这招对我很管用:

在我的CSS我有:

tab0  { position:absolute;left:25px;  }
tab1  { position:absolute;left:50px;  }
tab2  { position:absolute;left:75px;  }
tab3  { position:absolute;left:100px; }
tab4  { position:absolute;left:125px; }
tab5  { position:absolute;left:150px; }
tab6  { position:absolute;left:175px; }
tab7  { position:absolute;left:200px; }
tab8  { position:absolute;left:225px; }
tab9  { position:absolute;left:250px; }
tab10 { position:absolute;left:275px; }

然后在HTML中，我只使用我的标签:

Dog Food <tab3> :$30
Milk <tab3> :$3
Pizza Kit <tab3> :$5
Mt Dew <tab3> :$1.75

2017-10-31 12:42:17

如何使用HTML/CSS在文本中插入空格/制表符

推荐文章

最新文章

标签