2 asderfzxcd asderfzxcd 于 2017.09.11 15:30 提问

Img标签无图片时,宽度不受控制
css

图片说明

2个回答

q213546879
q213546879   2017.09.11 16:38

要控制这个得分几步,
第一步,当图片无法加载的时候或者出错的时候可能会出现这个图标,这个图标是没办法控制的,但是可以替换掉,用图片上面的alt属性可以在图片加载出问题的时候把图片替换成问题 比如 :

 <img src="demo/img/logo.v3.png" alt="图片损坏了!">

这时候当图片出现问题的时候就会出现这几个字。

第二步,这时候如果你不想出现这几个字,那么只需要把图片的父级设置一个font-size:0就可以了,或者你还想用一个默认的图片代替的话可以给图片的父级加上一个背景图片

q213546879
q213546879   2017.09.11 16:40
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box{
            width:200px;
            height:200px;
            border: 1px solid #0a8cd2;
            font-size:0;
            background: url("http://preview.quanjing.com/pm0131/pm0131-3586kn.jpg") no-repeat;
            background-size: cover;
        }
    </style>
</head>
<body>
<div class="box">
    <img src="demo/img/logo.v3.png" alt="图片损坏了!">
</div>
</body>
</html>
Csdn user default icon
上传中...
上传图片
插入图片