Question

我已经在网上搜索了这个问题的答案，我知道可以做到这一点，但我无法弄清楚那里有什么。

背景：我正在创建一个常见问题段，用户可以点击该问题并将其定向到同一页面上的答案。我也将问题分成几类。

虽然我已经能够通过基本的href概念实现这一点，但我希望问题的答案显示在页面的中间，而不是在页面顶部边缘的下方。点击已锚定的问题。

希望我能够描绘一下我的意思。现在，我将向您展示语法方面的内容。

我绝对相信我可以通过多种方式使用样式，类或其他属性创建代码，但我不具备强大的编码背景:(。因此，我去了我可以从W3School的东西XD中获取。

如果有人可以帮助我，我非常感谢，因为它可以使常见问题部分使用起来更酷。

以下图片也解释了这个场景。

         <p> 
         <strong>Color Questions</strong>
         <br/>
         <a href="#A">What is the door's color?</a>
         <br />
         <a href="#B">What is the window's color?</a>
         </p>
         <p>
         <strong>Shape Questions</strong>
         <br/>
         <a href="#C">What is the shape of a ball?</a>
         <br/>
         <a href="#D">What is the shape of a box?</a>
         </p>
         <h3>Answers</h3>
         <p>
         <strong>Color Questions</strong>
         </p>
         <p>
         <strong>
         <a id="A"></a>What is the door's color?
         </strong>
         <br />The door's color is blue. 
         </p>
         <p>
         <strong>
         <a id="B"></a>What is the window's color?</strong>
         <br />The windows's color is red. 
         </p>
         <p>
         <strong>
         Shape Questions</strong>
         </p>
         <p>
         <strong>
         <a id="C"></a>What is the shape of a ball?
         </strong>
         <br />A ball has the shape of a sphere.  
         </p>
         <p>
         <strong>
         <a id="D"></a>What is the shape of a box?
         </strong>
         <br />A box has the shape of a cube. 
         </p>

Answer 1

如果您想将文本放在中间，可以使用<center>并将文本放在此标记中，但现在已经过时，有更好的方法可以执行此操作。您可以使用margin和padding并将文字设置得很好也可以使用position。查看w3schools.com了解更多详情。非常有用。

将文本锚定到页面中间

1 个答案: