Django無空間模板標記分頁引導程序呈現的內容

Django模板語言附帶了一個不錯的{% spaceless %}...{% endspaceless %}標記，它允許刪除html標記之間的每個空格，製表符，換行符......。Django無空間模板標記分頁引導程序呈現的內容

的問題是，自舉似乎是「空間敏感」：使用spaceless，形式等元素作爲輸入，並且按鈕‘粘’彼此時。

下面是一個插圖：http://jsfiddle.net/KNkqF/未被渲染爲http://jsfiddle.net/E5rU5/！

你有沒有遇到這個問題，你是否設法擺脫它，而不避免Django無空間？

2014-02-11 user650108

Bootstrap將這些輸入元素設置爲display: inline-block;而不是浮動或將其設置爲顯示爲display: block;。您可能需要在輸入之間硬編碼 以強制該空間。

<span style="display:block; float:left;">hello</span> <span style="display:block; float:left;">world</span>

上述兩個跨度會排隊旁邊對方即使有結果的「HelloWorld」它們之間的空間。上述

<span>hello</span> <span>world</span>

兩個跨度將有它們之間的空間導致的「Hello World」

<span>hello</span><span>world</span>

會導致。「HelloWorld」的。

我從來沒有在之前的表單中使用過無空格，但是因爲它正在清理所有這些空間。

你使用django-bootstrap-form或手寫你的表單嗎？

來源

2014-02-11 21:25:23 teewuane

非常感謝您的回答。我使用django-crispy-forms和手寫的形式。在我的代碼中插入似乎很奇怪（儘管這是我目前使用的解決方案：s）。會不會破壞一些響應功能？ – user650108

是的，它可能會打破未來的一些事情。我猜，我的下一個問題是你如何在表單上使用無空格？您是僅僅在表單上使用它還是將其中的所有頁面內容包裝在內？您可以在頁面上使用無空格標籤兩次，以便排除表單，或者您可以修改引導程序CSS，以使'.form-inline .form-group'類具有邊距。我認爲最好的方法是不要在這裏使用無空間。 – teewuane

嗯，是的，我把我所有的基本模板內容都包含在一個無空格的標籤中，這可以確保我的html總是儘可能小！ – user650108

Django無空間模板標記分頁引導程序呈現的內容

回答

相關問題