内联显示的块在IE中形成一个单词

时间:2020-03-05 18:58:49  来源:igfitidea点击:

问题是我有几个具有" display:inline"属性的" h2"标签,并且在Microsoft出色的浏览器上它们之间的空间没有出现。有解决方法吗?

我知道HTML中有一个"不间断空间"``,但是我想知道是否可以创建一个可能是"间断空间"的空间。

  • 编辑 - -

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

解决方案

回答

我们可以只使用常规空间,但可以在h2 css定义中添加" margin-right:_ px"以调整标签之间的间距。负值也是允许的。

回答

好吧,制动空间只是一个空间,我们会知道""没有引号...

回答

我们是否尝试过设置" margin"属性?不知道这是否直接适用于问题。

回答

在其中扔一个似乎会创建一个空间:

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

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

回答

对两个标头都应用样式" 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>

回答

答案是不可能的。意思是我们希望大块文本中的文本像其余文本一样流动,就像标记是<strong>而不是<h2>

由于h2是一个块级元素,无论我们如何设置它的样式,某些浏览器(咳嗽)都会阻止我们尝试使其与其他文本内联。

回答

我想不出为什么要让h2内联显示的理由。实际上,为什么要让两个标头一起读取?考虑一下应该如何阅读。我们要阅读以下内容吗?

"标题一,标题二"

或者:

"标头一"

"标题二"

如果这是第一种方法,那么可能是HTML搞砸了。如果是第二个,那么我们可能应该考虑它的位置,而不是改变它的行为,并利用其他css方法,例如float和position。