Question

在Chrome中呈现我的菜单时出现问题

图片：

修改： 我是对的，问题与呈现Asp.Net公告列表控件完全相关，而不是HTML！它应该被称为谷歌Chrome的一个错误。有人错误地删除了Asp.Net标签，所以我又添加了它， 我想CSS中的一个变化可能会让WebKit浏览器变得容易理解，黑客攻击或类似的东西可以提供帮助

我测试的源代码将在Firfox 8+和IE 9中按预期工作，但菜单将在Chrome和Safari（WebKit）中降低一步！ 在这里你有详细信息，非常感谢任何帮助

该菜单使用Asp.Net公告列表控件

这是代码：

<div id="mainmenu">
    <asp:BulletedList  id="nav" Runat="server" DisplayMode="HyperLink" Target="_self" EnableViewState="false">
        <asp:ListItem 
            Text="Home"
            Value="" />
        <asp:ListItem 
            Text="Contact Us"
            Value="#" />
        <asp:ListItem 
            Text="About Us"
            Value="#" />
    </asp:BulletedList>
</div>

在Chrome中使用DevTools会在菜单div下显示* Gap ： *

<div id="mainmenu">
    <ul id="nav">
        <li><a href="default.aspx" target="_self">Home</a></li><li><a href="contact.aspx" target="_self">Contact Us</a></li><li><a href="about.aspx" target="_self">About Us</a></li>
    </ul>
</div>

在这里您可以看到存在差距（只需通过DevTools查看），当我删除这个差距时，渲染问题将消失。通过“查看源”来源似乎正常......

编辑 - 生成的HTML代码：

<div id="mainmenu">

” “

主页

联系我们

关于我们

最后如果我将子弹列表简单地更改为以下代码，它将对它们起作用：

<ul id="nav">
    <li><a href="../default.aspx">Home</a></li>
    <li><a href="../contact.aspx">Contact Us</a></li>
    <li><a href="../about.aspx">About</a></li>
</ul>

Answer 1

看起来它与#mainmenu div中的这些额外引号有关。你能说出那些来自哪里吗？

Chrome和Safari中的子弹列表菜单的CSS渲染

1 个答案: