none
CSS样式表问题 RRS feed

  • 问题

  • 样式表如下

    .ItemDiv
    {
        border-color: Gray; border-bottom-style: inset; border-bottom-width: 1px;height:28px; line-height:28px;background-color:#F2ECFF; display:table;overflow:inherit
    }

    .ItemDiv:hover
    {
        background-color:#B0C4EC;
    }

    .AlternatingDiv
    {
        border-color: Gray; border-bottom-style: inset; border-bottom-width: 1px;height:28px; line-height:28px;display:table;overflow:inherit
    }
    .AlternatingDiv:hover
    {
        background-color:#B0C4EC;
    }

    ASPX页面内容如下

    <div>
      <div class="ItemDiv">
    
        <div style="float:left;width:40px">
          <asp:Label ID="LabelProductUnit" runat="server" Text='<%# Eval("ProductUnit") %>' Visible="false"></asp:Label>
          <asp:Label ID="LabelUnit" runat="server" Text=""></asp:Label>
        </div>
        <div style="float:left;width:80px">
          <asp:Label ID="LabelQuantity" runat="server" Text='<%# Eval("Quantity") %>'></asp:Label>
        </div>
        <div style="float:left;width:80px">
          <asp:Label ID="LabelInventoryQuantity" runat="server" Text='<%# Eval("InventoryQuantity") %>'></asp:Label>
        </div>
        <div style="float:left;width:80px">
          <asp:Label ID="LabelPlanQuantity" runat="server" Text='<%# Eval("PlanQuantity") %>' ></asp:Label>
        </div>
        <div style="float:left;width:80px">
          <asp:Label ID="LabelProductType" runat="server" Text='<%# Eval("ProductType") %>' Visible="false"></asp:Label>
          <asp:Label ID="LabelType" runat="server" Text=""></asp:Label>
        </div>
        <div style="float:left;width:40px">
          <asp:CheckBox ID="CheckBox1" runat="server" />
        </div>
        <div style="float:left;width:100px">
          <asp:Label ID="LabelDescription" runat="server" Text='<%# Eval("Description") %>'></asp:Label>
        </div>
        <div style="float:left;width:70px">
          <asp:LinkButton ID="LinkButton1" Font-Overline="false" runat="server" CommandName="mdelete" OnClientClick="return confirm('确认要删除此行信息吗?')">删除</asp:LinkButton>
          <asp:LinkButton ID="LinkButton2" Font-Overline="false" runat="server" CommandName="medit">编辑</asp:LinkButton>
        </div>
      </div>
      <div class="clear"></div>
    
    
      <div class="AlternatingDiv">
        <div style="float:left;width:40px">
          <asp:Label ID="LabelProductUnit" runat="server" Text='<%# Eval("ProductUnit") %>' Visible="false"></asp:Label>
          <asp:Label ID="LabelUnit" runat="server" Text=""></asp:Label>
        </div>
        <div style="float:left;width:80px">
          <asp:Label ID="LabelQuantity" runat="server" Text='<%# Eval("Quantity") %>'></asp:Label>
        </div>
        <div style="float:left;width:80px">
          <asp:Label ID="LabelInventoryQuantity" runat="server" Text='<%# Eval("InventoryQuantity") %>'></asp:Label>
        </div>
        <div style="float:left;width:80px">
          <asp:Label ID="LabelPlanQuantity" runat="server" Text='<%# Eval("PlanQuantity") %>' ></asp:Label>
        </div>
        <div style="float:left;width:80px">
          <asp:Label ID="LabelProductType" runat="server" Text='<%# Eval("ProductType") %>' Visible="false"></asp:Label>
          <asp:Label ID="LabelType" runat="server" Text=""></asp:Label>
        </div>
        <div style="float:left;width:40px">
          <asp:CheckBox ID="CheckBox1" runat="server" />
        </div>
        <div style="float:left;width:100px">
          <asp:Label ID="LabelDescription" runat="server" Text='<%# Eval("Description") %>' ></asp:Label>
        </div>
        <div style="float:left;width:70px">
          <asp:LinkButton ID="LinkButton1" Font-Overline="false" runat="server" CommandName="mdelete" OnClientClick="return confirm('确认要删除此行信息吗?')">删除</asp:LinkButton>
          <asp:LinkButton ID="LinkButton2" Font-Overline="false" runat="server" CommandName="medit">编辑</asp:LinkButton>
        </div>
      </div>
      <div class="clear"></div>
    </div>
    
    
    

    WEB应用程序直接发布在开发机器上的。当某个DIV中的内容超出DIV宽度时, 在开发机器上运行会自动换行结果显示正常(发布后)。开发机器是windows server 2008,IE 8浏览器。

    在客户端运行当某个DIV中的内容超出DIV宽度时,就不会自动换行(也就是自动增加行高)了,多余的内容全部显示在下一行上,重复在一起看不清。客户端是32位Windows 7,IE8浏览器。

    详情请见http://cxyerp.gicp.net/1.htm! 。请问此问题如何解决?

    2011年1月16日 3:04

答案

  • 问题已解决了,不是CSS样式的问题,是客户端的IE8以兼容性视图方式运行的。关闭IE8的兼容 性视图就OK了。
    • 已标记为答案 cycc 2011年1月16日 6:24
    2011年1月16日 6:24