Jquery ASP.net中CSS的跨浏览器问题_Jquery_Css

Jquery ASP.net中CSS的跨浏览器问题

jquery css

Jquery ASP.net中CSS的跨浏览器问题,jquery,css,Jquery,Css,下图：对于FF最新版本和Google Crome浏览器，HTML在同一行中显示菜单，但在IE9中，它在单独的行中显示菜单我希望菜单显示在一行中。我不确定我应该怎么做来修复这个问题，我尝试了几个属性，但在FF&Crome中无法正常工作。在此方面的任何帮助都将不胜感激 <html> <head> <script type="text/javascript" src="jquery.js"></script> <script t

下图：对于FF最新版本和Google Crome浏览器，HTML在同一行中显示菜单，但在IE9中，它在单独的行中显示菜单

我希望菜单显示在一行中。我不确定我应该怎么做来修复这个问题，我尝试了几个属性，但在FF&Crome中无法正常工作。在此方面的任何帮助都将不胜感激

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function()
{
  $("p").click(function()
{
    $(this).hide();
  });
});
 </script>

<style>
.test
{
    background-color: #B4984E;    
    border: 1px #ffffff solid;
    color: #fff;       
 line-height: 1.35em;
    padding: 4px 23px;
    text-decoration: none;      
  /* white-space: nowrap; display: block;*/       
 display: inline-block; 
    cursor:pointer;    
}    
</style>    
</head>
<body>    
<div class="test" href="http://Default.aspx?PageId=3&Language=en-US">HOME</div>    
<div class="test" href="http://PageId=5&Language=en-US">PROFILE</div>    
</body>
</html>


$（文档）.ready（函数（）
{
$（“p”）。单击（函数（）
{
$（this.hide（）；
});
});
.测试
{
背景色：#B4984E；
边框：1px#ffffff实心；
颜色：#fff；
线高：1.35em；
填充：4px23px；
文字装饰：无；
/*空白：nowrap；显示：block；*/
显示：内联块；
光标：指针；
}    
家
轮廓

更新：我不能使用float:left，最重要的是：
s不是链接，也没有
href
s。使用锚定标记：
，否则您的页面将在中呈现（换句话说，非常糟糕）。现在的标准doctype是html5 doctype，它简单地说是： <!doctype html> 将其放在页面顶部的标记之前仅此一点就可以解决您的问题，但作为一个粗略的猜测，您可能希望尝试float:left ，而不是display:inline block （尽管这应该已经起作用了）。给出您希望彼此相邻的divfloat:left 属性并给出它们的宽度我想在不使用float的情况下实现这一点：左，float将解决问题，但我不能使用它…您可能会得到一堆答案，告诉您使用float。也许你应该在你的描述中让每个人都知道你不想使用浮点数及其原因？我同意你的观点，实际上我尝试使用C#中的字符串生成器来构建类似hello的字符串，但字符串生成器生成的字符串我同意你的观点，实际上我尝试使用C#中的字符串生成器来构建类似hello的字符串