怎么将图片填满整个div,让图片随着整个框的大小变化而变化

来源:15-1 水平居中设置-行内元素

死胖子1

2016-04-21 11:15

如题目所示

写回答 关注

3回答

  • HExri3228436
    2016-04-21 11:58:32
    已采纳

    //在图片中设置图片属性,width=100% height=100% DIV在网页中是固定不会改变,所以当调整DIV时图片//永远是填充满DIV的,即使图片像素不足DIV大,也会被拉伸

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta  charset="utf-8">
    <title>父元素高度确定的多行文本</title>
    <style>
    .girl{
        width:200px;
        height:200px;
    }
    </style>
    </head>

    <body>
    <div class="girl">
    <img width=100% height=100% src="http://img.mukewang.com/54ffac56000169c001840181.jpg" title="害羞的小女生"/>
    </div>    
    </body>
    </html>

    慕粉3296...

    你好,宽高就是填写了100%,下面还是有一点填不满,是怎么回事啊?谢谢

    2016-05-22 11:12:13

    共 2 条回复 >

  • HExri3228436
    2016-07-28 14:45:42

    加上*{margin:0; padding:0;}

    清除全部的外边距和内边距

  • 慕粉3296718
    2016-05-22 11:11:35

    你好,宽高就是填写了100%,下面还是有一点填不满,是怎么回事啊?谢谢

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225810 学习 · 18234 问题

查看课程

相似问题