内联显示的块在IE中形成一个单词
问题是我有几个具有" 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。