Question

我正在创建我的网页，使用HTML5（但可能我要求的与5 spicificaly无关）。我想在那里缩进，比如，

<ol>
  <li> <fontspec from css>title</fontspec from css> detail about title
  </li>
  <li>..</li>
  ...
</ol>

我想要的是“关于标题的详细信息”应出现在下一行（我正在使用br），并且是有意的;如

1. title
     detail about title

我可以使用空格&nbsp获得效果，但是我必须记住我为所有页面输入的所有空间数量。 html中是否有任何标记可以为我做这些事情？

修改

感谢您的回复，缩进正在运行，但正如<p>一样，这不是写入下一行，而是占用一行额外的差距。它现在来了：

1. title

   detail about title

EDIT2

以下是实际网页的摘要：

在Html中：

<ol>
      <li>
      <item>title</item><p class="indent">details about title</p>
      </li>
</ol>

css中的

：

item{
  font-size :120%;
  color     :#096cdb;
  font-weight : bold;
}
.indent{
  margin-left: 20px;
}

* 编辑为jukka的评论* 我已经意识到theat项目不是html标签。 w3c验证器给出错误，虽然chrome正在将它作为我的意图。我试图把h4而不是item，但它也占用了下一行的空间。那么，出路是什么？

修改

解决了这个问题。

我在css中定义了：

dt.item{
  font-size :120%;
  color     :#096cdb;
  font-weight : bold;
}

然后做了：

  <li>
  <dl>
<dt class="item">title</dt>
<dd>details about title</dd>
  </dl>
  </li>

这有我正在寻找的输出，并且也由w3c验证。

Answer 1

有。您可以使用定义列表;

    <ol>
        <li>
            <dl>
                <dt><fontspec from css>title</fontspec from css></dt>
                <dd>detail about title</dd>
            <dl>  
        </li>
        <li>..</li>
    </ol>

Answer 2

假设真正的标记有类似

的东西

<li> <span class=title>title</span> detail about title</li>

并且，为了明确，您希望将相同的样式原则应用于所有li元素，您可以将span元素呈现为块（在其后引起换行）并设置负的第一行缩进（text-indent属性）和li元素上相应的正向左填充。这意味着在li元素中，除第一个之外的任何行都将按您设置的数量缩进。在以下示例中，金额等于字体的大小：

<style>
.title { display: block; }
li { text-indent: -1em; padding-left: 1em; }
</style>

Answer 3

首先，让我们给它一个班级。

<p class="indent">detail about title</p>

之后，我们将使用CSS在文本左侧设置边距。

.indent {
   margin-left: 20px;
}

那应该给你一个缩进。相应调整：）

请注意，通过使用段落元素，不再需要换行符。

在HTML描述中缩进

3 个答案: