8

我有一些文本和<span>标签，它们位于<div>.

<span>是float: right;我需要文本在左侧和<span>右侧。

在每个浏览器中它都能完美显示，除了ie7. 我该如何修复这个错误？

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title> Testing page</title>
    </head>
    <body>
        <div style="border:2px solid #000; display:inline;"> 
            welcome<span style="float:right"> demo</span>
        </div>
    </body>
</html>
4

4 回答 4

9

在文本之前移动跨度，这应该会有所帮助。

于 2013-07-04T12:54:26.797 回答
7

将span设为块元素并移动它。

IE

span{
  display: block;
  float: right;
}
于 2013-07-04T13:04:08.147 回答
1

是否可以将文本包含在 a 中<p>并拥有它display: inline？

于 2013-07-05T05:08:21.750 回答
0

使用以下 css 它将起作用。演示链接

*{
    padding:0;
    margin:0;
    }
body {
    font:normal 12px/18px Arial, Helvetica, sans-serif;
    color:#000;
    padding:20px;
    }
.container {
    border:2px solid #000;
    padding:20px;
    overflow:hidden;
    height:100%;
    }
.container span {
    display:inline-block;
    *float:left;
    }
于 2013-07-04T13:00:10.440 回答