前端那些经常被忽视而真实存在的小问题

简介: 前端那些经常被忽视而真实存在的小问题

正文


  1. img 在 div 总有那几个像素的高度不能完全填充的问题(前提是不设置 div 宽高)。解决办法是:给 img 加个 display: block 即可。


<style>
  .div1 {
    background: red;
  }
  .div1 img {
    width: 100px;
    height: 100px;
    /* display: block 加上即可解决 */
  }
</style>
<div class="div1">
  <img src="./images/pic.jpg"/>
</div>


12.webp (1).jpg

实际效果图,按道理 div1 宽高应该是 100x100


不定时更新!

目录
相关文章
|
5月前
|
人工智能 算法 数据安全/隐私保护
探索技术的本质:从代码到创新的旅程
【8月更文挑战第19天】在技术的海洋中,我们常常沉浸于代码的编写与算法的优化,却忽略了技术背后的深层含义。本文将通过个人的技术感悟,探讨技术不仅仅是工具和语言的结合体,更是连接思想与现实的桥梁。我们将一同回顾技术如何塑造我们的思考方式,以及它如何影响我们的生活和工作。
|
存储 运维 NoSQL
如何撰写好的技术方案设计-真实案例干货分享
如何撰写好的技术方案设计-真实案例干货分享
978 0
我在企业中的真实开发经历-定时任务和汇总
我在企业中的真实开发经历-定时任务和汇总
|
Web App开发 数据采集 存储
Python网络爬虫实战-抓取百合网真实相亲数据
百合网是一个相亲网站,里面拥有一些真实的妹子数据,如何抓取该网站的数据内容呢,接下来随我一探糗竟吧!
Python网络爬虫实战-抓取百合网真实相亲数据
|
缓存 安全 Java
程序员被提 bug 之后的反应,太真实了!
程序员被提 bug 之后的反应,太真实了!
158 0
程序员被提 bug 之后的反应,太真实了!
|
机器学习/深度学习 数据采集 人工智能
事实表明糟糕的数据将会扼杀优秀的人工智能
本文介绍了有助于确保企业的人工智能系统不会由于数据质量问题而受到阻碍的五个规则。
218 0
|
存储 人工智能 算法
数据创新的四个陷阱
数据的重要性在当今已经无需在多言,所有的企业都意识到数据的重要性,都希望利用数据来驱动业务的发展。但是,很多企业信息化管理者依然存在对于数据智能,数据驱动的一些误解,这些误解会让企业的数据利用陷入深渊。
2966 0
数据创新的四个陷阱
|
Kubernetes Go Perl
透过真实场景分析K8S的EndpointController的源码
场景重现最近遇到一个问题,在K8S的几台机器上中创建了Glusterfs的集群,通过官方的教程一步步的来利用Glusterfs创建Volume以及PV,不过只是创建了每个Volume的Endpoint,并没有相对应的创建Service实例(官方说创建Service会使Endpoint持久化,当时并...
4423 0