Javascript 为什么这个跨度高于文本？我想把它放在课文旁边 此处文本 .desc_info_butt{ 背景：url（Description_Button.png）左上角不重复； 高度：16px； 宽度：16px； 显示：块； }

由于某些原因，图像和文本出现在两条不同的行上~

尝试给

span

a

float:left

目前，它是一个块级元素，将所有其他元素都强制放入下一行

---

顺便说一句，我建议在span中加一个

，这样它就可以在所有浏览器中显示。

试着给

span

加一个

浮动：左

目前，它是一个块级元素，将所有其他元素都强制放入下一行

顺便说一下，我建议将
放在span中，以便在所有浏览器中显示它。
因为您已将span设置为显示为块级元素。删除
显示：块
，这应该可以修复它。
因为您已将跨度设置为显示为块级元素。移除
显示：块
，这将修复它。
您需要更改此项：

<td valign="center" colspan="2">
        <a href="" class="table_desc" >
        <span class="desc_info_butt"></span>
        </a>
        text here
</td>


.desc_info_butt{
background:url(Description_Button.png) top left no-repeat;
height:16px;
width:16px;
display:block;
}

为此：

display:block;

块
的行为类似于任何块元素，将下一个块元素推到其下方。您需要使其成为一个
内联块
，将其浮动，或将块样式一起去掉。
您需要更改此设置：

<td valign="center" colspan="2">
        <a href="" class="table_desc" >
        <span class="desc_info_butt"></span>
        </a>
        text here
</td>


.desc_info_butt{
background:url(Description_Button.png) top left no-repeat;
height:16px;
width:16px;
display:block;
}

为此：

display:block;

块
的行为类似于任何块元素，将下一个块元素推到其下方。您需要将其设置为一个
内联块，将其浮动，或者将块样式一起去掉。
显示：块变换块中的跨度（相当于div），以便在新行上移动下一个元素。
显示：块变换块中的跨度（相当于div）因此，这会将下一个元素移动到新行上。
警告：
IE 6/7只接受自然显示的元素上的值：inline。
（在本例中是这样的，所以应该可以）@Pekka，而Gecko的旧版本不支持
inline block
<代码>-moz内联框
是大多数情况下可接受的替代品，但并非所有情况下都可以接受。对于IE6/7和“自然”块
元素，
显示：内联；缩放：1
触发
hasLayout
，对于
内联
元素，它在IE中与
内联块
完全相同。因此，对于跨浏览器的任何元素上的
inline block
，这通常就足够了：
display:-moz inline box；显示：内联块*显示：内联*缩放：1警告：
IE 6/7仅在具有自然显示的元素上接受该值：inline。
（在本例中就是这种情况，所以应该可以）@Pekka，而Gecko的旧版本不支持
inline block
<代码>-moz内联框
是大多数情况下可接受的替代品，但并非所有情况下都可以接受。对于IE6/7和“自然”块

元素，

显示：内联；缩放：1

触发

hasLayout

，对于

内联

元素，它在IE中与

内联块

完全相同。因此，对于跨浏览器的任何元素上的

inline block

，这通常就足够了：

display:-moz inline box；显示：内联块*显示：内联*缩放：1那么他将失去设定固定高度的能力。你说得对。假设他想要设置一个固定的高度，他应该使用
display:inline块。然后他将失去设置固定高度的能力。你说得对。假设他想要设置一个固定的高度，他应该使用
display:inline块。