Question

CODE：

<%@ Page Language="VB" %>
<!DOCTYPE html>
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        #container{
            border:4px solid red;
            box-sizing:border-box;
        }
        #block1,#block2{
            display:inline-block;
            /*float:left;*/
            vertical-align:top;
            text-align:center;
            font-size:18px;
            line-height:22px;
            width:200px;
            height:200px;
        }

        #block1{           
            background-color:ActiveBorder;
        }
        #block2{
            background-color:#808080;
        }
    </style>
</head>
<body>

    <div id="container">
        <div id="block1">
            Block 1<br />
            needs to<br />
            have a<br />
            few rows<br />
            of text<br />
            that we<br />
            can show<br />
            to our<br />
            viewers
        </div><!--
        --><div id="block2">
            Block 2
        </div>
        <div style="clear:both;" />
    </div>      
</body>
</html>

说明

在Visual Studio 2013中创建一个简单的.aspx文件
创建具有可见边框的父容器div。
创建两个尺寸为200px x 200px的子div。
将属性display:inline-block;添加到子div s
将line-height属性添加到子div，例如line-height:22px;。

预期结果：在Design-Time中，父容器div应该包裹子div s

实际结果：在设计视图中，父容器div将在子div后面折叠右键单击文件并选择“在浏览器中查看”，父容器div按预期呈现

注意：

如果删除line-height属性，则父容器div正常运行
如果您离开line-height并将display:inline-block;更改为float:left并清除它们，则父容器也会正常运行。
在浏览器中实时查看时，它们都能正常显示。

Answer 1

以下是Microsoft Connect上的错误报告提交的结果：

来自Microsoft Connect的问候！

此通知是针对反馈项生成的：使用“display：inline-block”＆amp;您在Microsoft Connect站点上提交的设计视图中的“line-height”。

感谢您将此问题传递给我们。我们评估客户提交的所有反馈，但遗憾的是我们无法修复所有项目。我们已经评估了您提交的问题，此时，我们预计不会发布更新。如果问题阻止您使用该产品，请通过MSDN上的Visual Studio帮助和支持（http://msdn.microsoft.com/en-us/vstudio/cc136615.aspx）页面与我们的支持小组联系。

如果Microsoft做出任何其他更改，您也可能会收到一般的“反馈项更新”通知。

感谢您使用Microsoft Connect！

此致

Microsoft Connect小组

微软承认这个BUG并接着说他们对像我这样的peon修复它并不感兴趣。当我们创建解决方法而不是报告卷中的错误时会发生这种情况............

使用“display：inline-block”＆amp;设计视图中的“线高”

1 个答案:

Microsoft Connect小组