02-CSS基础与进阶-day10_2018-09-14-20-38-10

最新推荐文章于 2019-06-23 15:38:00 发布

weixin_34314962

最新推荐文章于 2019-06-23 15:38:00 发布

阅读量161

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/HiJackykun/p/11072806.html

博客介绍了图片默认底部3px缝隙的解决办法，可使用display:block或vertical-align: top。还提到了word-break属性用于处理英文单词，并给出参考代码及转载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图片默认底部3px缝隙
解决办法 display:block 或vertical-align: top
word-break属性
处理英文单词参考代码03

02图片默认3px缝隙(1).html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
       * {
              padding: 0;
              margin: 0;
       }

       img {
               vertical-align: top;
             /* display: block; */
       }
    </style>
</head>
<body>
    <div>
        <img src="img/2.jpg" alt="" />
    </div>
</body>
</html>