亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net
您需要 登录 才可以下载或查看,没有账号?立即注册
x
图片这个内联元素的处理方法-转换为块状元素
对于一个图片,我们设置了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>
复制代码
道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题!
如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服!
如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务! |