段落在FLEXBOX中为何不起作用？

编程问答 2022-06-12

问题描述

我有一个非常基本的HTML代码，在全屏div中有一些居中的flex内容。但是，当我预览它时，没有一个段落创建新的段落。而是，它们全部显示在一行上。我做错什么了吗？

<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title</title>
<style>
.main {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>
</head>
<body>
    <div class="main">
        <p>first line</p>
        <p>second line</p>
        <p>third line</p>
    </div>
</body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

flexboxflexboxhtmlline-breaksparagraphparagraph