使用CSS，我试图在Firefox中指定SPAN标签的高度，但它只是不接受(IE确实很有趣)。

如果我使用DIV，Firefox会接受高度，但是使用DIV的问题是它之后令人讨厌的换行符，在这种情况下我无法做到。

我尝试将CS​​S样式属性设置为：

display: inline

DIV，但Firefox似乎无论如何都会恢复为SPAN行为，并再次忽略height属性。

解决方案

回答

由于我们是内嵌显示，因此应将其高度设置为line-height属性的高度。

根据其布局方式，始终可以在span / div上使用float：left或者float：right来防止换行。但是，如果我们想在句子中间插入该选项，则可以选择。

回答

内联元素不能具有这样的高度(或者宽度)。 SPAN默认已经是" display：inline"。在这种情况下，Internet Explorer实际上是损坏的浏览器。

回答

仅当span元素设置为display：block;时，才能更改其高度(和宽度)。这是因为它通常是一个内联元素。通常将" div"设置为" display：block;"。

一个解决方案可能是使用：

<div style="background: #f00;">
    Text <span style="padding: 14px 0 14px 0; background: #ff0;">wooo</span> text.
</div>

回答

问题在于'display：inline'无法获得关联的高度，因为处于内联状态时，它是从内容中获取高度的。无论如何，如何定义在行尾断开的框的高度？

我们可以尝试设置'line-height'，或者，如果这不能令我们满意，请设置填充：

/* makes the whole box higher by inserting a space between the border and the content */
padding: 0.5em 0;

回答

<style>
#div1 { float:left; height:20px; width:20px; }
#div2 { float:left; height:30px; width:30px }
</style>

<div id="div1">FirstDiv</div>
<div id="div2">SecondDiv</div>

只要容纳div的1和2的容器足够宽以适合它们，就可以了。

回答

我们可以将任何元素设置为" display：inline-block"以允许其接收高度或者宽度。这还允许我们将任何其他"块样式"应用于元素。

但是要注意的一件事是Firefox 2不支持此属性。 Firefox 3是第一个支持此属性的基于Mozilla的浏览器。所有其他浏览器都支持此属性，包括Internet Explorer。

请记住，如果以"怪癖"模式运行，" inline-block"不允许我们在Firefox上的元素内设置文本对齐方式。据我所知，所有其他浏览器都允许这样做。如果要在怪癖模式下运行时设置文本对齐方式，则必须使用属性-moz-inline-stack而不是inline-block。请记住，这是仅适用于Mozilla的属性，因此我们必须进行一些浏览器检测以确保只有Mozilla能够做到这一点，而其他浏览器则获得标准的"内联代码块"。

回答

em中的height=相对行高

例如height：1.1em和line-height：1.1

= 100％填充

回答

我们可以使用padding和block-inline属性调整元素内的文本对齐方式。显示：行内块； padding-top：3px;例如

回答

设置跨度的高度应在Firefox中工作

span {
  display: block;
  height: 50px;
}