Expression Web 4 sp2设计视图不代表css格式化< div>标签正确 [英] Expression Web 4 sp2 Design view does not represent css formatted <div> tags correctly

问题描述

我有一个非常简单的表格，我正在弄乱如何制作一个< div>基于表格。 没有表。 

I have a very simple form that I am messing with to figure out how to make a <div> based form.  No tables. 

在设计预览中，它不会呈现< div>布局正确。 这是非常容易的事情，因为它变得更加复杂，真的需要设计视图来反映布局的合理传真。

In the design preview it does not render the <div> layout correctly.  This is super easy stuff, as it gets more complicated, really need the design view to reflect a reasonable facsimile of the layout.

设计视图中的布局应该是

The layout in Design view should be

但它显示为

这是html和css。

Here is the html and css.

#table{
width: 90%;
display: table;
border: 1px solid black;}

#row{display: table-row;}

#left {
width:200px;
padding:1em;
border: 1px solid black;
display: table-cell;
}

#middle {
padding: 1em;
border: 1px solid black;
display: table-cell;
}

#right {
width:200px;
padding:1em;
border: 1px solid black;
display: table-cell;
}

推荐答案

Design View不是浏览器，也不会始终显示您在浏览器中看到的内容。 总是需要在您支持的各种浏览器中进行预览。

Design View is not a browser, and will not always display what you see in a browser.  Previewing in the various browsers you support is always needed.

您可能会惊讶地发现您的某些网站访问者会看到EW的设计视图向您展示的内容。  IE7没有关于在div上使用display：table-cell的线索，IE7很长时间没死。

You may be sorely surprised to find that some of your site visitors will see what EW's Design View is showing you.  IE7 has no clue about using display: table-cell on a div, and IE7 is long from dead.

你可能想要浮动它们。

这篇关于Expression Web 4 sp2设计视图不代表css格式化&lt; div&gt;标签正确的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！