如何阻止Wordpress TinyMCE剝離空html標籤的內容，例如<div class="any class"></div>

我在顯示兩列一個WordPress發佈一些內容，所以我有兩個div顯示各佔一半：如何阻止Wordpress TinyMCE剝離空html標籤的內容，例如<div class="any class"></div>

<div class="half">Left column.</div> 
<div class="half last">Right column.</div>

但是，當然，我還需要清除此，我通常做這算賬：

<div style="clear:both;"></div>

但這種狀態越來越剝離出來，每當我保存的文章或查看可視化編輯器以及任何其他空的HTML標籤如圖標。有一個更好的方法嗎？

2011-11-17 David Ball

是的，我建議你使用Clearfix技術：

參見：

2011-11-17 15:45:58 isNaN1247

我不喜歡的東西，這是一個黑客，是有沒有辦法保持頁面中的元素？ –

它在CSS中非常普遍的做法，更不用說爲HTML添加額外標記，純粹是爲了清晰。恐怕我無法直接回答爲什麼wordpress正在爲你做這件事。 – isNaN1247

，最好的辦法是添加一個clearfix類，但如果你絕對必須擁有那個額外的空元素，請加上& nbsp;到明確的div。 WordPress正在剝離空白的div。

2011-11-17 16:47:17 paulruescher

Unfortunatley這隻能工作，直到我保存的職位。編輯並重新保存將第二次保存時將＆npsp轉換爲正常空間，然後像以前一樣刪除div。不理想，因爲我正在計劃對這篇文章進行一些未來編輯。 –

有一個插件添加一個按鈕來打印<br style="clear: both;">到頁面。這個標記不會被去掉（參見https://codex.wordpress.org/Wrapping_Text_Around_Images#Clear_The_Display）。

2017-03-03 10:01:07

要停止TinyMCE的移除空元素考慮增加一個非打破空間例如

<div class="clearfix">&nbsp;</div>

WordPress的TinyMCE刪除任何沒有內容的HTML標籤。規則同樣適用於圖標或其他任何東西如：

<i class="fa fa-icon">&nbsp;</i>

另外，我強烈建議大家使用現代CSS工藝如：

.last:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
}

2017-03-03 10:53:27 SergeDirect

回答