Question

我正在尝试创建一个包含内容页面的网站。

我使用转到第1章作为内容部分，当它点击它时，第1章

这很好用，但有一个捕获（总有一个捕获）...... 我想让它看起来像维基百科上的那些：

View Image 但是我不想复制维基百科中的那个，我想自己制作，我环顾四周，发现了我需要的零件并遇到了两个问题！我是第一个问题与缩进有关。我尝试使用p.indent {text-indent：150px} 但它只对我之前提到的那条线进行了缩进。所以：

缩进文本

但令人讨厌的是必须在每一行之前放置缩进文本内容框，但它的工作原理：

<header>
    p.contenttitle {text-indent:50px;} 
    p.contentsub {text-indent:100px;} 
</header>

<body>
    <div style="background-color:#FFFFFF;width:1024;border:solid 1px #000000;"><br>
    <font class=Blackverdana><b>Contents:</b><br></font>
    <div align="left">
    <!-- CONTENTS a href --><font class=Blackverdana>
    <p class=contenttitle><a href="#C0.1">Chapter 00: First things first...</a>
    <p class=contentsub><a href="#C0.2">Chapter 0.2 Finding the SDK for your game</a>
    <p class=contentsub><a href="#C0.3">Chapter 0.3 Running the Hammer Editor</a>
    <p class=contentsub><a href="#C0.4">Chapter 0.4 First Load</a><br><br>
</body>

我遇到的另一个问题是，如果你看一下内容页面： http://crystalanalysis.anydns.com/7-12-2013.html

你会发现每一行之后似乎都有某种形式。我不打算那里有那些，他们刚刚出现。也许带有“p”标签的内涵？

任何帮助将不胜感激

并且该网站也是一个博客，如果有人想知道，我正在制作一个Hammer编辑器教程

Answer 1

因此，当您第一次启动它们时，似乎没有结束

标签。例如：

<p class=contenttitle><a href="#C0.1">Chapter 00: First things first...</a>

在所有现实中它应该是：

<p class=contenttitle><a href="#C0.1">Chapter 00: First things first...</a></p>

这可能是一个可能的问题，你应该真正考虑使用CSS页面来引用你的HTML。创建一个类/ id实际上会使缩进过程更容易十倍。有关这方面的更多信息，我可以提供w3.org的一个方便的链接，它可以解释使用CSS的整个过程以及它如何让您的生活更轻松！

http://www.w3.org/Style/Examples/011/firstcss.en.html

CSS p {缩进}留下空白

1 个答案: