如何对齐段落？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何对齐段落？相关的知识，希望对你有一定的参考价值。
我想要做的就是让它在屏幕顶部有一个段落，在它下面有一个段落，但稍微小一点。但是当我执行此操作时，我不想要的段落之间存在很大差距。我该如何解决？
<!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>
答案
您可以为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
另一答案
您可以使用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>
以上是关于如何对齐段落？的主要内容，如果未能解决你的问题，请参考以下文章