1

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

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

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

1. title
     detail about title

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

编辑：

感谢您的回复， indent 正在工作，但与往常一样<p>，这不是写入下一行，而是占用一行额外的空白。它现在是：

1. title

   detail about title

编辑2

以下是实际页面的片段：

在 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 验证。

4

3 回答 3

2

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

    <ol>
        <li>
            <dl>
                <dt><fontspec from css>title</fontspec from css></dt>
                <dd>detail about title</dd>
            <dl>  
        </li>
        <li>..</li>
    </ol>
于 2013-09-13T11:00:58.710 回答
1

假设真正的标记有类似的东西

<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>
于 2013-09-13T10:53:05.997 回答
0

首先，让我们给它上课。

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

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

.indent {
   margin-left: 20px;
}

那应该给你一个缩进。相应调整:)

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

于 2013-09-13T10:11:15.067 回答