Question

我有一个名为www.confiam.com.br的网站，这是一个django项目。我一直在做一些调整，并在最后一次调整中我从发布的段落中打破了一些东西，现在这不尊重空白，甚至当我跳过一些行。

在html中我有：

<div class=item>
        <p><h1>{{ post.nome_evento }}</h1></p>
        <center><picture>{% cloudinary post.foto_evento %}</picture></center>
        <p><h2>{{ post.apresentacao_evento }}</h2></p>
        <br>
    </div>

在css中我有：

p{
    text-align:justify;
}
.item h1{
    font-family: 'Kurale';
    margin: 0 auto;
    position: relative;
    padding:20px;
    word-wrap: break-word;
    text-align: center
}

.item h2{
    font-family: 'Kurale', serif;
    position: relative;
    margin: 0 auto;
    padding:20px;
    word-wrap: break-word;
    text-align: center
}

如果有人可以帮助我，我会非常高兴，我不知道我有什么错误。非常感谢大家。

Answer 1

HTML通常会折叠所有空格（例如，这允许缩进源代码。）

有一个css规则white-space可以改变这种行为;我怀疑你在编辑时无意中删除了它。根据您想要的确切行为，您可能需要将其设置为pre，pre-line或pre-wrap。（pre完全保留所有空格和换行符; pre-wrap是相同的，但如果它们溢出节点宽度，也会自动换行; pre-line保留换行符但会折叠其他空格。）

我不确定您的描述哪个DOM节点需要应用此规则。

https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

＆＃13;

div {border: 1px solid}
.demo {white-space: pre}

＆＃13;

<div class="demo">this
will
preserve
whitespace
</div>
<div>this
will not
preserve
whitespace
</div>

＆＃13;

（你应该考虑对你的项目使用某种版本控制，这样当你打破东西时，你就可以回滚并比较之前的版本......）

如何让我的网站尊重空间？（在管理员帖子中）

1 个答案: