锚元素出现在IE的新行中

时间:2012-02-06 01:27:00

标签: css

如果我有这样的HTML标记,

<p> Some text here <a href="#">foo</a></p>

就像我期望的那样出现在FF和Chrome上,就像这样

Some text here foo

但在IE 8中,它显示为

Some text here  
foo

如果浏览器是IE,我有一个样式表,如果需要在IE中解决这个问题我可以放一些特殊的CSS,但是我无法弄清楚我需要应用哪种样式来防止这种情况发生。我试过了display:inline;float:left,但没有做任何事。

最糟糕的情况是,我也愿意使用Javascript / Jquery。

修改
简而言之,<p>中的超链接将显示在其自己的行中。

添加图片。

在Chrome中
enter image description here

在IE中
enter image description here

1 个答案:

答案 0 :(得分:0)

试试这个:

p { white-space: nowrap; }