图片这个内联元素的处理方法-转换为块状元素
图片这个内联元素的处理方法-转换为块状元素对于一个图片，我们设置了css之后，会发现与div之间可能会有个空白，那么此时就需要我们设置个初始化
或者是对图片进行块状的处理既----先把图片内联元素转为块状元素 display:block;
例如如下代码：
img{
width:200px;
height:300px;
margin:0px;
display:block;
}那么图片是内联元素，我们既可以设置他的宽度和高度，图片也是个替换元素
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>35课img到底是块状还是内联元素</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="道勤教育 http://www.daoqin.net" />
<style>
img{
width:200px;
height:300px;
margin:0px;
display:block;
}
#test01{
width:500px;
height:300px;
border:1px solid blue;
}
</style>
</head>
<body>
<img src="small.jpg" alt="索引关键词" title="放来来我就显示" />
<img src="small.jpg" alt="索引关键词" title="放上来我就显示了" />
<div id="test01">图片是内联元素，同时也是替换元素，可以设置宽和高</div>
</body>
</html>
页:
[1]