代码之家 › 专栏 › 技术社区 › B T

如何在IE中去掉页面底部的空间

internet-explorer css

B T · 技术社区 · 15 年前

我正在尝试制作一个带有图片的页面,以便加载到iframe中。但在身体标签的底部有4倍的空间,我似乎无法摆脱。以下是我的简化来源:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
    <style>
        body, a, head, img
        {   margin: 0;
            padding: 0;
            border: none;
            border-width: 0px;
        }
    </style>
</head>

<body>
    <a><img src="http://www.halolz.com/wp-content/uploads/2008/09/portals.jpg"></a>
</body>
</html>

你会注意到如果你把窗口缩小到离图片底部4个像素以内,你会得到一个滚动条。那空间是从哪里来的?

6 回复 | 直到 15 年前

Guffa 15 年前

图像被放置在它所在的文本行的基线上。图像下方的空间是基线和字符单元格底部之间的距离,其中有空间用于悬挂字符,如 g 和 j

a, img { display: block; }

(要使代码成为有效的XHTML,您还需要在锚定标记之外有一个block元素,body标记不能直接包含内联元素。使用样式将锚定标记设为块元素没有帮助,在应用样式之前,结构也必须有效。)

Jason McCreary 15 年前

image 在CSS中。

我建议使用更全局的重置样式表。我喜欢你家的那个 Eric Meyer . 像这样简单的东西可以帮助浏览器之间的公平竞争。

m0g 15 年前

在您的样式中用img替换图像

hallie 15 年前

<div><a><img src="http://www.halolz.com/wp-content/uploads/2008/09/portals.jpg"></a></div>

David 15 年前

<!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> 
<title>This is the title</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<style type="text/css"> 
body, a, head, img 
{   
    margin: 0px; 
    padding: 0px; 
    border: none; 
    border-width: 0px; 
} 
</style> 
</head>
<body> 
    <div><a><img alt="Cat In Portal" src="http://www.halolz.com/wp-content/uploads/2008/09/portals.jpg" /></a></div>
</body> 
</html>

Doctor Blue 15 年前

所有的互联网浏览器都会在页面上添加一些填充。一个可靠的方法来摆脱它是简单地核所有的边缘和填充从每个元素。

*
{
    margin: 0px;
    padding: 0px;
}

当然,这将删除边距和填充形式 每个元素

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

5 月前

Mass · 如何在Tailwind CSS v4中创建配置

5 月前

magenta placenta · 将css变量合并为一个变量

5 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

5 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

6 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

6 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

6 月前

Luckkks · 过渡色工作不正常

6 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

6 月前