顯示在Chrome中動態添加<hr>的問題

我正在開發基於960 Grid Layout的佈局的Asp.Net MVC3應用程序。
在創建編輯表單時讓我的生活更輕鬆。這是一個基於div的佈局系統。顯示在Chrome中動態添加<hr>的問題

這裏有一些我在javascript客戶端自動執行的修復工作，這樣我就不必在每次編輯時對它們進行硬編碼。形成。首先，必須在每行之後添加<div class="clear"></div>以重置格式。

我的第二個問題是，我必須增加每行之間大約1/2線高度的垂直間距。但是由於每一行都是div，我發現你不能只增加div之間的垂直邊距。目前的CSS規範不會讓你。所以，我在每行div的開始之前動態添加<hr/>標籤。其他可能的插入DOM元素給我帶來了同樣的效果。對於IE9 & FF5這是正常工作。然而，形式鉻12，我得到 Form In Chrome

當我看DOM中的HTML，<hr />標記插入每個行<div class="editor-row">標記之前。

我在jsFiddle Example有一個演示版本。演示版本的注意事項 - 每行（標籤和編輯區域）的控件在Chrome中顯示爲單行，在FF和IE中顯示爲兩行。這是有限的CSS我已經粘貼到jsfiddle的問題。它對我在此嘗試解決的問題沒有影響。

來源

2011-07-18 photo_tom

在Safari中看到同樣的問題。 – Sparky

這是有道理的，因爲它也是基於webkit的。 –

看到添加float:left到editor-row的div中的每一個。

來源

2011-07-18 18:04:40

我只想用塊代替錶行在顯示屬性FO編輯行類在本jsFiddle

來源

2011-07-18 18:02:43 ar3

我可以，但我在窗體上的div中使用display：table屬性。它導致了最簡單的整體CSS，我的有限技能可以正常工作。 –

我尊重這一點，但是，就像我很想不再支持IE7，顯示：表並顯示：錶行不會在IE7支持。 http://www.w3schools.com/cssref/pr_class_display.asp float：left很好，只是比必要的多一點css。 – ar3

顯示在Chrome中動態添加<hr>的問題

回答

相關問題