10

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

我从数据库中得到这一段。

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

4

1 回答 1

19 
<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 内的元素才会应用样式，而不是<p>容器外的元素。

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

于 2010-12-22T07:30:17.613 回答