有没有办法在 Dreamweaver CS5 设计视图中正确显示浮动?

发布于 2024-09-03 08:54:22 字数 820 浏览 7 评论 0原文

我正在为我的设计团队设置模板和片段,他们不想大惊小怪。我认为很公平,一切都进展顺利,只是我在设计视图中显示浮动时遇到了困难。

值得注意的是,实时预览显示得很漂亮,我的输出内容也是如此,但在设计视图的编辑模式下......浮动不太正确。开发者说明:我使用它来跨浏览器和大多数平台应用标准化的“间隙”:

@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 */
}

我附上了两个带有注释的屏幕截图,而不是尝试用文本来传达这一点。

编辑:o dern,我没有足够的点粘贴到屏幕截图中,这里有两个组合屏幕截图的链接: http://codefinger.co.nz/_etc/dw_screenshot_a_and_b.gif

感谢所有帮助,谢谢。 -d

I'm setting up templates and snippets for my design team, they don't want to fuss with this that and the other. I figure fair enough, and everything's mostly going well, except that I'm experiencing difficulties in displaying floats in Design view.

It's important to note that Live Preview displays beautifully, as does my output content, but in edit mode on design view... the floats aren't quite right. Developer note: I am using this to apply standardised 'clearance' across browsers and most platforms:

@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 */
}

I've attached two screenshots with annotations, instead of trying to convey this in text.

EDIT: o dern, i dont have enough points to paste in screenshots, here's a link to two combined screenshots: http://codefinger.co.nz/_etc/dw_screenshot_a_and_b.gif

Any and all help appreciated, thanks.
- d

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

挽容 2024-09-10 08:54:22

如果有兴趣,请参阅我的最后评论。

See my last comment if interested.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文