Question

我在相对容器div中的绝对跨度之后出现空白问题，白色空间没有效果，但是如果用空格Unicode（即＆amp; nsub）替换它，IE会成功呈现它。虽然我测试了FF，但结果是一样的。更多细节：我正在使用win7操作系统即8

这是我的HTML代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>

    <body>

    <div style=" display:inline;position:relative;">
    <p>
    <div style=" display:inline;position:relative;">

    <span style=" display:inline;position:absolute;">x</span>    y

    </div>
    </p>
    </div>
    </body>
    </html>

Answer 1

空格在HTML中确实没有意义，强制空间可以使用HTML实体 。

要让文字显示在范围的右侧，您可以使span浮动而不是绝对定位：

<span style="float: left;">x</span>

然后您可以设置其右边距以准确确定要放置多少空间，例如：

<span style="float: left; margin-right: 15px;">

实时测试案例：http://jsfiddle.net/fg8NF/

绝对元素后的空白区域

1 个答案: