可能的方法:
<pre> ... </pre>
or
style="white-space:pre"
还有别的事吗?
空格的宽度/高度超出 我通常使用:
对于水平垫片:
<span style="display:inline-block; width: YOURWIDTH;"></span>
对于垂直垫片:
<span style="display:block; height: YOURHEIGHT;"></span>
<p style="text-indent: 5em;">
The first line of this paragraph will be indented about five characters, similar to a tabbed indent.
</p>
这个段落的第一行缩进大约5个字符，类似于标签缩进。
有关更多信息，请参见如何使用HTML和CSS创建制表符和空格。
<span style=“padding-left：68px;”></span>
你还可以使用:
padding-left
padding-right
padding-top
padding-bottom
我喜欢用这个:
在CSS中:
.tab {
display:inline-block;
margin-left: 40px;
}
在你的HTML中:
<p>Some Text <span class="tab">Tabbed Text</span></p>
如果您要求使用制表符来对齐某些行中的内容，您可以使用<table>。
将每一行放入<tr>…< / tr >。一行中的每个元素在<td>…< / td >。当然，你可以控制每个表格单元格的填充来调整它们之间的空间。
这样可以使它们对齐，看起来很漂亮:)
试着 。
根据特殊字符的文档:
特征实体 和 表示一个en空格和一个em 分别是空间，其中en空间是点大小的一半，em空间是点大小的一半 空格等于当前字体的点大小。固定螺距 字体时，用户代理可以将en空格视为等同于A 空格字符，em空间等价于两个空间 字符。
这招对我很管用:
在我的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
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像素从屏幕的右边缘)。
白色的空间?你就不能用填充吗?这是一个想法。这就是如何在元素周围添加一些“空白区域”。所以你可以使用以下CSS标签:
padding: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
HTML中的空格类型
在文本之间创建四个空格 
在文本之间创建两个空格 
在文本之间创建一个规则的空格-
创造一个狭窄的空间(类似于常规空间，但略有不同- “&thinsp”;
句子间距- "</br>"
这个链接可能对你有帮助。查看[https://hea-www.harvard.edu/~fine/Tech/html-sentences.html]
也可以称为固定空间或硬空间，非换行空间(NBSP)用于编程和字处理，在一行中创建一个不能被换行破坏的空间。
使用HTML， 允许您创建在网页上可见的多个空间，而不仅仅是在源代码中。
走一步比@Ivar和风格我自己的自定义标签像这样…对我来说，“tab”更容易记忆和输入。
tab {
display: inline-block;
margin-left: 40px;
}
HTML实现……
<p>Left side of the whitespace<tab>Right side of the whitespace</p>
我的截图…
使用标准的CSS标签大小。
插入一个tab符号(如果是标准tab键，移动光标)按Alt + 0 + 0 + 9
.element {
-moz-tab-size: 4;
tab-size: 4;
}
我的首选:
*{-moz-tab-size: 1; tab-size: 1;}
查看标签大小的代码片段或快速找到的示例。
.t1{ -moz-tab-size: 1; tab-size: 1; } .t2{ -moz-tab-size: 2; tab-size: 2; } .t4{ -moz-tab-size: 4; tab-size: 4; } pre {border: 1px dotted;} <h3>tab = {default} space</h3> <pre> one tab text two tab text </pre> <h3>tab = 1 space</h3> <pre class="t1"> one tab text two tab text </pre> <h3>tab = 2 space</h3> <pre class="t2"> one tab text two tab text </pre> <h3>tab = 4 space</h3> <pre class="t4"> one tab text two tab text </pre>
你可以使用这个代码 在HTML内容中添加空格。对于制表符，使用它5次或更多。
在这里查看一个示例:https://www.w3schools.com/charsets/tryit.asp?deci=8287&ent=ThickSpace
在我的例子中，我需要在每段的开头插入，所以我做了下面的事情，它对我很有效，我希望它能帮助到别人
p:first-letter {
margin-left: 20px
}
推荐文章
- 如何在JavaScript中转义单引号(')?
- Chrome开发工具:如何找出什么是覆盖CSS规则?
- 如何使用HTML/CSS在文本中插入空格/制表符
- Std::cin输入空格?
- 用背景图像填充SVG路径元素
- 将JSON显示为HTML
- HTML被认为是一种编程语言吗?
- 如何修复favicon.ico错误:“Failed to load resource: net::ERR_EMPTY_RESPONSE”
- 大Glyphicons
- 这个CSS是如何产生一个圆的?
- 我如何显示点(“…”)在一个跨度与隐藏溢出?
- CSS:背景图像上的背景色
- 我可以用一个选择器瞄准所有<H>标签吗?
- 画布在使用CSS时被拉伸，但正常使用“width”/“height”属性
- 如何从输入按钮删除轮廓边框
