Css 如何使两个块元素保持在同一条线上?
我有两个跨度元素,我想保持在同一条线上。在FF和其他浏览器中,我的代码运行良好,但在IE6中它会崩溃。有人能告诉我我做错了什么吗 以下是我正在使用的代码:Css 如何使两个块元素保持在同一条线上?,css,Css,我有两个跨度元素,我想保持在同一条线上。在FF和其他浏览器中,我的代码运行良好,但在IE6中它会崩溃。有人能告诉我我做错了什么吗 以下是我正在使用的代码: <span style="font-family:Arial;text-align:left;font-size:30px;color:#06a;"> test </span> <span style="font-family:Arial;float:right;font-size:12px;color:#0
<span style="font-family:Arial;text-align:left;font-size:30px;color:#06a;">
test
</span>
<span style="font-family:Arial;float:right;font-size:12px;color:#06a;text-align:left;">
This is the line that jumps down and needs to be brought level with the above span element.
</span>
测试
这是一条向下跳的线,需要与上面的跨度元素平齐。
在HTML中,使用float:right的块应该在第一个跨距上使用“float:left”。请注意:默认情况下,跨距不是块级别
IE6的CSS呈现中的大多数错误都有众所周知的解决方法,并且有很好的文档记录
顺便提一下,IE6支持对您的站点真的很重要吗?IE6的使用最近急剧下降,许多网站正在放弃对它的支持。测试
这是一条向下跳的线,需要与上面的跨度元素平齐
只需添加float:left;第一个跨度任何东西都可以减轻另一个csser的痛苦!使用“外部样式表”或“内部样式表”使文本更具可读性