Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何使两个块元素保持在同一条线上?_Css - Fatal编程技术网

Css 如何使两个块元素保持在同一条线上?

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

我有两个跨度元素,我想保持在同一条线上。在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:#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的痛苦!使用“外部样式表”或“内部样式表”使文本更具可读性