有沒有辦法在Dreamweaver CS5 Design View中正確顯示浮動圖案？

我爲我的設計團隊設置了模板和片段，他們不想大驚小怪。我認爲足夠公平，除了在設計視圖中顯示花車時遇到困難之外，一切都進展順利。有沒有辦法在Dreamweaver CS5 Design View中正確顯示浮動圖案？

需要注意的是，實時預覽顯示效果非常好，就像我的輸出內容一樣，但是在設計視圖上的編輯模式下......浮動效果不太好。開發者注：我用這個跨瀏覽器和大多數平臺應用標準化的「間隙」：

@media screen { 
    /* Clear fix */ 
    .clearfix:after { 
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden; 
    } 
    .clearfix { display: inline-block; } 
    /* Hides from IE-mac \*/ 
    * html .clearfix { height: 1%; } 
    .clearfix { display: block; } 
    /* End hide from IE-mac */ 
}

我已經把它貼兩張截圖與註釋，而不是試圖以文字來傳達這一點。

編輯：○鄧恩，我沒有足夠的積分截屏貼，這裏有一個鏈接到兩個組合截圖：http://codefinger.co.nz/_etc/dw_screenshot_a_and_b.gif

讚賞任何及所有幫助，謝謝。 - d

來源

2010-05-24 danjah

如何發佈一些代碼？我敢打賭95％的開發者從未使用過設計視圖。 – easwee 2010-05-24 09:18:59

我真的不覺得有必要進一步添加到這個easwee，粘貼的類是一個可重用的類，是相當標準的，非清除浮動通常很好理解。 Adobe公司的解決方案了，而不是絕對的理想，是要添加標記：

所以我做到了這一點，並且也給div標籤的alt屬性爲：ALT =「佔位符」，因爲我掃了並在這種情況下移除佔位符標籤/ attrs，然後再進入客戶端就緒生產環境。 – danjah 2010-05-24 22:28:13

如果感興趣，請參閱我的最新評論。

來源

2010-06-03 22:15:55 danjah

有沒有辦法在Dreamweaver CS5 Design View中正確顯示浮動圖案？

回答

相關問題