Html 围绕span-chrome问题包装文本_Html_Css_Google Chrome

Html 围绕span-chrome问题包装文本

html css google-chrome

Html 围绕span-chrome问题包装文本,html,css,google-chrome,Html,Css,Google Chrome,在Chrome和Firefox（或IE9、Opera）中打开此文件，查看差异或参见图片： chrome能像firefox一样工作吗？我相信不能，它不能。你最好的选择是以一种在Chrome上看起来像你想要的方式写这篇文章，并在你检测到用户是在使用Chrome还是其他浏览器时使用该版本。有关更多详细信息，请参阅或您可以使用在所有当前浏览器中看起来相同或相似的代码。对于您的示例，您需要添加： <span style="float:left">Test </span>

在Chrome和Firefox（或IE9、Opera）中打开此文件，查看差异

或参见图片：

chrome能像firefox一样工作吗？

我相信不能，它不能。你最好的选择是以一种在Chrome上看起来像你想要的方式写这篇文章，并在你检测到用户是在使用Chrome还是其他浏览器时使用该版本。有关更多详细信息，请参阅

或

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

<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>


#试验{
位置：相对位置；
左：120px；
}
试验

只需将样式“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>


试验

你为什么要这样做？@Stano我知道这是一个例子，但在这里使用span是一个错误的做法，可能他一定是想得到这样的结果，但却是错误的way@Stano使用div可以做得更好这些问题让我想到“reset.css”在试图解决浏览器特有的问题之前，先从公平的竞争环境开始，Float left并不是解决方案，当我有更多的文本时，整个文本都会消失，chrome没有办法（你可以实现）表现出与firefox相同的行为。这对任何人来说都是显而易见的。你需要更清楚、更详细地解释你的问题，以便任何人都能提供帮助。您希望文本具体做什么？