gpt4 book ai didi

html - 在html中设置段落的左边距

转载 作者:太空狗 更新时间:2023-10-29 13:41:25 24 4
gpt4 key购买 nike

我想在放置 5 个空格后开始一个段落,并且第一行下面的所有行都应该成一条直线,也就是说段落中的所有行在开始之前都应该有 5 个空格。

我正在从数据库中获取这一段。

我想要一个 Html 标签来定义一个完整段落的左边距。

最佳答案

<p style="margin-left:5em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet. Phasellus tempor nisi eget tellus venenatis tempus. Aliquam dapibus porttitor convallis. Praesent pretium luctus orci, quis ullamcorper lacus lacinia a. Integer eget molestie purus. Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>

这就够了,显然有一些改进,但这是最基本的。我用 'em'作为度量,您可能想使用其他单位,例如 'px' .

编辑:他们在上面描述的是一种将样式组或类与网页上的元素相关联的方法。您可以通过几种方式实现它,下面是一种可能适合您的方式:

在您的 HTML 页面中,包含 <p>数据库中的标记内容添加一个新的“样式”节点,并将您想要声明的样式包装在一个类中,如下所示:

<head>
<style type="text/css">
p { margin-left:5em; /* Or another measurement unit, like px */ }
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p>
</body>

以上所有<p>您文档中的元素将应用该样式规则。也许您正在将您的段落内容放入某种容器中?试试这个:

<head>
<style type="text/css">
.container p { margin-left:5em; /* Or another measurement unit, like px */ }
</style>
</head>
<body>
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p>
</div>
<p>Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
</body>

在上面的例子中,只有 <p> div 中的元素,其类名为“container”,将应用样式 - 而不是 <p>容器外的元素。

除上述之外,您还可以将您的样式收集在一起,并从 <head> 中删除样式元素。标签,将其替换为 <link>标签,它指向一个外部 CSS 文件。这个外部文件是您现在放置 <p> 的地方标签样式。这个概念被称为“将内容与样式分开”,被认为是一种很好的做法,也是一种可扩展的样式创建方式,有助于降低维护成本。

关于html - 在html中设置段落的左边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4507030/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com