Question

不幸的是，我们正在开发的这个网站必须与IE6兼容。它包含一个水平块样式菜单，但IE6还有一个问题。

我有以下代码：

<html>
<head>
<style type="text/css">
a {
display: block;
width: 0px;
background-color: red;
}
</style>
</head>
<body>
<a href="#">This is a anchor tag</a>
</body>
</html>

由于空格，它将每个单词包装在一个新行上。如果我只想在一条线上，我该怎么办？

谢谢！

Answer 1

您是否尝试将锚点弹出到跨度或div中？

Answer 2

好吧，不要将其宽度设置为0，这将是跨浏览器的正确方法。

如果您希望锚点以块模式显示但不分配100％宽度，请使用float: left。

当您使用这样的浮动时，您还需要确保clear它们，以使它们占用容器中的空间：

<div>
    <a ... />
    <a ... />
    <div style="clear: both;"></div>
</div>

Answer 3

在 a 元素上添加此css：

white-space: nowrap

IE6锚点文字包装（显示：块，宽度：0）

3 个答案: