有没有办法在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中正确显示浮动图案？

回答

相关问题