gpt4 book ai didi

html - CSS p {Indent} 留空

转载 作者:行者123 更新时间:2023-11-28 11:47:28 28 4
gpt4 key购买 nike

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

我使用 <a href="chapter1">go to chapter 1</a>作为内容部分,当它点击时,它会处理 <a name="chapter1"><u>Chapter 1</u></a>

这很好用,但有 1 个问题(总有一个问题)...我想让它看起来像维基百科上的那些:

[查看图片][1][1]: http://crystalanalysis.anydns.com/images/wikipedia_contents.png

但我不想从维基百科复制那个,我想自己做一个,我环顾四周,找到了我需要的零件,但遇到了 2 个问题!我是第一个问题having 与缩进有关。我尝试使用 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

你会看到似乎有某种 <br>在每一行之后。我不打算在那里放那些,它们只是出现了。也许是带有“p”标签的含义?

任何帮助将不胜感激

而且该网站也是一个博客,如果有人想知道的话,我正在制作 Hammer Editor 教程。

最佳答案

所以当你第一次启动它们时,你似乎没有结束

标签。一个例子:

<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

关于html - CSS p {Indent} 留空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20445247/

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