`

DOCTYPE为strict时,图片下面有空白的解决办法

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<style type="text/css">		
		.outer {
			border:1px solid red;
		}
		
		.inner {
			width:160px;
			height:160px;
			border:1px solid green;
		}
		</style>	
	</head>
	<script>
	</script>
	<body>
		<div class="outer"><img class="inner" src="s.gif"></img></div>
	</body>
</html>



上面代码在FF和Safari浏览器上运行的时候,图片的下边和外框的下边总有一些空隙。

解决办法:将图片改为块级

 

.inner {
			width:160px;
			height:160px;
			border:1px solid green;
			display:block;
}

 

0
1
分享到:
评论

相关推荐

    HTML !DOCTYPE 标签 声明HTML版本

    DOCTYPE&gt;标签的定义和用法。 准确的说,&lt;!DOCTYPE&gt;并不是HTML标签,它声明web浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中,&lt;!DOCTYPE&gt; 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了...

    HTML !DOCTYPE 标签.docx

    HTML !DOCTYPE 标签.docx

    html标题_DOCTYPE的含义

    html标题_DOCTYPE的含义 有关DOCTYPE标签的各种用法

    DOCTYPE文档类型声明

    DOCTYPE文档类型声明..........

    DOCTYPE html PUBLIC.doc

    DOCTYPE html PUBLIC.doc

    HTML 元素与合法的 Doctype.docx

    HTML 元素与合法的 Doctype.docx

    HTML的!DOCTYPE是什么意思.zip_zip和rar区别

    HTML的!DOCTYPE是什么意思.zip

    为什么使用DOCTYPE HTML

    你知道各个浏览器在怪异模式下对各个元素渲染是有差异的。所以你会写像这样的doctype: 复制代码代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

    doctype html

    meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /&gt; ...

    DOCTYPE html.xml

    DOCTYPE html.xml

    DOCTYPE html.docx

    DOCTYPE html.docx

    Doctype html.txt

    Doctype html.txt

    html doctype 作用介绍

    文档模式主要有以下两个作用: 1、告诉浏览器使用什么样的html或xhtml规范来解析html文档 2、对浏览器的渲染模式产生影响;不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析,所以Doctype是...

    网页 DOCTYPE html标签的作用1

    DOCTYPE&gt; 声明位于文档中的最前面的位置,处于 &lt;html&gt; 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。如果不写,可能会造

    DOCTYPE 标签

    网页DOCTYPE 标签的语义来历用法,怎样识别DOCTYPE定的属性

    DOCTYPE HTML PU.docx

    DOCTYPE HTML PU.docx

    !DOCTYPE声明对JavaScript的影响分析

    要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个...DOCTYPE声明包括:过渡型(Transitional),严格型(Strict)和框架型(Frameset)。接下来就看一下这三种类型对不同浏览器在

    HTML DOCTYPE的缩写

    如果你的 DOCTYPE 是下面这样的话: 复制代码代码如下: &lt;!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”&gt; 可以用下面的缩写来代替: 复制代码代码如下: &lt;...

    HTML教程:DOCTYPE 的缩写

    不过今天了解到一种 DOCTYPE 的缩写,如果你的 DOCTYPE 是下面这样的话. 写HTML代码的时候,第一行就要写DOCTYPE,而DOCTYPE一般都很长,大家也懒得去记,所以基本都是直接去复制以前写过的。不过今天了解到一种 ...

Global site tag (gtag.js) - Google Analytics