1

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

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

- - 编辑 - -

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

4

7 回答 7

2

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

“标题一标题二”

或者：

“标题一”

“标题二”

如果是第一种方式，那么很可能是你的 HTML 搞砸了。如果是第二个，那么您可能应该考虑它的定位而不是改变它的行为并利用其他 css 方法，如 float 和 position。

于 2008-09-17T18:57:07.080 回答
0

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

于 2008-09-17T13:12:53.727 回答
0

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

于 2008-09-17T13:14:24.940 回答
0

抛出一个   在那里似乎创造了一个空间：

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

在此示例中，您实际上以 2 个空格结束，因此您可能希望消除标签和   之间的空格。如果您只需要一个空间。另一种选择是为标题元素添加左/右边距。

于 2008-09-17T13:15:10.773 回答
0

将样式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>
于 2008-09-17T13:38:49.640 回答
-1

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

于 2008-09-17T13:12:59.420 回答
-1

答案是不可能的。您的意思是您希望较大文本块中的文本像其余部分一样流动，就好像标签是 <strong> 而不是 <h2>

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

于 2008-09-17T17:55:59.397 回答