gpt4 book ai didi

html - 绝对元素后的空白

转载 作者:行者123 更新时间:2023-11-28 14:45:50 25 4
gpt4 key购买 nike

我在相对容器 div 中的绝对跨度后出现空白问题,空白无效,但如果它被替换为空白 Unicode(即 &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>

最佳答案

空格在 HTML 中确实没有意义,要强制空格,您可以使用 HTML 实体  

要让文本显示在 span 的右侧,您可以使 span float 而不是绝对定位:

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

然后你可以设置它的右边距来决定到底放多少空间,例如:

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

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

关于html - 绝对元素后的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5288331/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com