html - 我正在寻找 HTML 中不间断空格的替代方法

标签 html css

每当我使用如下句子时,在我的 HTML 代码中:

<p> This is a example sentence </p> or
 <h3> This is header Sentence </h3>

它是从最左侧显示的,但我想在句子开始之前留出一些空间。为此,我使用不间断空间。但它看起来非常难看,因为我需要像这样使用 5 到 10 倍的不间断空间:

 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

我也尝试使用 但在这种情况下我也需要使用 5 次。那么我还有什么其他选择可以让我的句子以一些空格开头??

最佳答案

您可以使用 text-indent 属性在 ph3

中缩进您的文本

或者,如果你想填充整个段落或标题,你应该有一个包装器 div 并使用 paddingmargin p 以及 h3

但是正如您所说,您正在使用  ,我确定您正在寻找的是 text-indent

p.class_name {
   text-indent: 20px;
}

Demo


虽然我已经编辑了你的问题,因为你只使用了 html 标签,我也添加了一个 CSS 标签,但是如果你想要一个 HTML 解决方案而不是看看 pre 标签

关于html - 我正在寻找 HTML 中不间断空格的替代方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18869975/

相关文章:

css - 具有嵌套 flex 的固定宽度列

Ajax 页面加载后 CSS 变得困惑

html - Hotmail 在电子邮件中添加 p 标签,创建不需要的间距

javascript - 为什么人们在主干 View 渲染的第一行正式执行 this.$el.html() ?

javascript - 根据输入宽度限制输入中的字符数

jquery - Mousemove视差效果移动div的位置

javascript - Bootstrap 2.1.1 下拉菜单无法正常工作

javascript - jspdf - 保存 pdf

html - 使用 div Id 使用背景图像

javascript - 如何使用 javascript 验证月、日和年范围?