Question

我想要做的是使它显示在屏幕上方，而在屏幕下方则有一个段落，但是要小一些。但是，当我执行此操作时，我不需要的段落之间有很大的差距。我该如何解决？

<!DOCTYPE html>
<html>
<body>
<style>
.p1 {
color: blue;
} 
.p2 {
color: red;
}
</style>
<p class="p1" align="center"><font size="10">Welcome To Plieaxploits!</p>
<p class="p2" align="center"><font size="5" vertical-align="top">We Are The Home 
Of Roblox Exploits!</p>
</body>
</html>

Answer 1

您可以同时为margin:0和.p1类设置.p2。看起来像这样：

另一件事是您缺少代码中的font结束标记，因此带有空白和结束字体标记的将是：

<!DOCTYPE html>
<html>
<body>
<style>
.p1 {
   color: blue;margin:0;
} 
.p2 {
   color: red;margin:0;
}
</style>
<p class="p1" align="center"><font size="10">Welcome To Plieaxploits!</font></p>
<p class="p2" align="center"><font size="5" vertical-align="top">We Are The Home 
Of Roblox Exploits!</font></p>
</body>
</html>

希望它对您有帮助。

PS：如果不同意，请分享您的确切要求，并阅读此Font tag

Answer 2

您可以使用margin：auto属性。希望这会有所帮助！

<!DOCTYPE html>
<html>
<body>
<style>
.p1 {
color: blue;margin:auto;
} 
.p2 {
color: red;margin:auto;
}
</style>
<p class="p1" align="center"><font size="10">Welcome To Plieaxploits!</p>
<p class="p2" align="center"><font size="5" vertical-align="top">We Are The Home 
Of Roblox Exploits!</p>
</body>
</html>

如何将段落对齐？

2 个答案: