Question

在Chrome和Firefox（或IE9，Opera）中打开此fiddle并查看差异。

或参见图片：

enter image description here

chrome可以像firefox一样吗？

Answer 1

我相信不，它不能。您最好的选择是以一种在Chrome上显示您想要的方式来编写此内容，并在检测到用户是使用Chrome还是其他浏览器时使用该版本。有关详细信息，请参阅this。

OR

您可以在所有当前浏览器中使用看起来相同或相似的代码。对于您的示例，您需要添加：

<span style="float:left">Test </span>

到你的文字。

另一种解决方案是：

<html>
<head>
    <style type="text/css">
        #test{
            position: relative;
            left: 120px;
        }
    </style>

</head>
<body style="margin:0px; padding: 0px;">

<span style="width: 100px; background:red; float: left; clear: left; height: 4px;" ></span> 
<span style="width: 220px; background:red; float: left; clear: left; height: 4px;" ></span> 

<div id = "test">
<span>Test </span>
</div>

</body>
</html>

Answer 2

将样式'float：left'赋予div

<html>
<head>

</head>
<body style="margin:0px; padding: 0px;">

<span style="width: 100px; background:red; float: left; clear: left; height: 4px;" ></span>
<span style="width: 220px; background:red; float: left; clear: left; height: 4px;" ></span>

<div style="float:left">
<span>Test </span>
</div>

</body>
</html>

包裹跨度的文本 - 铬问题

2 个答案: