如何讓我的網站尊重空間？（在管理崗位）

我有一個名爲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 
}

我要這麼多高興，如果有人可以幫助我，我不知道是什麼我有錯。非常感謝大家。

來源

2017-07-18 victorcd

問題尋求幫助的代碼必須包括必要的重現它最短的代碼**在問題本身**最好在[**堆棧片段**]（HTTPS：//blog.stackoverflow。 COM/2014/09/I ntroducing可運行的JavaScript-CSS-和HTML的代碼段/）。參見[**如何創建一個最小的，完整的，並且可驗證例如**]（http://stackoverflow.com/help/mcve） –

，因爲我意識到我缺乏清晰的，我會嘗試寫的問題是什麼。所以，因爲我的網站是一個django項目，所以我有一個管理界面，我可以發佈，並且該帖子顯示在網站上。但我有一些問題，所以我修復了我的代碼。在此之前，我開始有一些格式問題。如果我在管理員帖子中放置了一些空格，則不會顯示該空格，因此格式會變得很糟糕。我沒有流利的英語，所以我希望你能理解。很感謝！ – victorcd

您也可以嘗試在巴西/葡萄牙語SO上提出這個問題。這裏的鏈接：https://pt.stackoverflow.com/ – Mauker

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

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

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

（你應該考慮使用某種在你的項目的版本控制的，所以，當你打破的東西，你就可以回滾和比較是什麼此前有...）

來源

2017-07-18 19:21:23

它的工作，非常感謝！ – victorcd

如何讓我的網站尊重空間？（在管理崗位）

回答

相關問題