Question

问题在于我有几个具有display:inline属性的“h2”标签，而在微软的精彩浏览器中，它们之间的空间不会出现。有解决方法吗？

我知道HTML中有一个“不间断的空间” ，但我想知道是否可以创建一个可能是“突破空间”的空间。

---编辑---

网站为http://newstoday.ro，行为在页脚中。如果在IE中打开该站点，则列表是连续的，即使这些单词之间存在空格。请不要评论其余的代码，因为我只是这种情况下的水管工。因为客户认为对SEO更好，所以标题也是必须的。

Answer 1

我想不出为什么你想要h2显示内联的理由。事实上，为什么你想要两个标题一起阅读？想想应该阅读的方式。你想要它阅读：

“Header one header two”

或：

“标题一”

“标题二”

如果这是第一种方式，那么可能是你的HTML搞砸了。如果它是第二个，那么你应该考虑它的定位而不是改变它的行为并利用浮动和位置等其他CSS方法。

Answer 2

您可以使用常规空格，但在h2 css定义中添加“margin-right：_ px”以调整标记之间的间距。也允许负值。

Answer 3

您是否尝试过设置“保证金”属性？不确定这是否直接适用于您的问题。

Answer 4

投掷＆amp; nbsp;在那里似乎创造了一个空间：

<html>
    <head><title>Blah</title></head>
    <body>
        <h2 style="display:inline;">Something</h2>
        &nbsp;
        <h2 style="display:inline;">Something Else</h2>
    </body>
</html>

在这个例子中，你实际上最终得到2个空格，所以你可能想要消除标签和＆amp; nbsp;之间的空格。如果你只需要一个空间。另一个选择是向标题元素添加左/右边距。

Answer 5

将样式margin: 0 0.5em应用于两个标题 - 调整0.5以适应（可能0.25或0.75更好;第一个0是上/下边距，根据相关调整）。

注意：由于您需要字符空间，因此您希望em不是px，如前所述。

完整的示例代码......

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> 
        <title>Inline Header Example</title>
        <style type="text/css">
            h2
            {
                display: inline;
                margin: 0 0.5em;
            }
        </style>
    </head>
    <body>
        <h2>First Header</h2>
        <h2>Second Header</h2>
    </body>
</html>

Answer 6

制动空间只是一个空间，你知道没有引号的“”......

Answer 7

答案是，这是不可能的。你的意思是你希望文本在较大的文本块中像其他文本一样流动，就好像标签是＆lt;强大＆gt;而不是＆lt; h2＆gt;

由于h2是一个块级元素，无论你如何设置它，一些浏览器（ cough ）会阻止你试图将它与其他文本内联。

IE中单个单词的内联显示块

7 个答案: