当前位置: 首页 > 面试题库 >

你知道著名的3像素Bug指的是什么吗?怎么解决呢?

羊舌和安
2023-03-14
本文向大家介绍你知道著名的3像素Bug指的是什么吗?怎么解决呢?相关面试题,主要包含被问及你知道著名的3像素Bug指的是什么吗?怎么解决呢?时的应答技巧和注意事项,需要的朋友参考一下

img标签渲染之后下方会出现几个像素(我用谷歌测试是4px, 火狐3.5px)的空白;
img是行内元素,默认display:inline; 它与文本的默认行为类似,下边缘是与基线对齐,而不是贴紧容器下边缘,所以会有几像素的空白;
解决办法:

  1. 把img设置为display: block;
  2. 给img和其父元素都设置vertical-align: top;让其top对齐而不是baseline对齐;
  3. 给img父元素设置line-height: 0;
 类似资料:
  • 本文向大家介绍你知道什么是html5plus吗?相关面试题,主要包含被问及你知道什么是html5plus吗?时的应答技巧和注意事项,需要的朋友参考一下 https://www.jianshu.com/p/cc2b89474144

  • 本文向大家介绍你知道什么是REPL吗?相关面试题,主要包含被问及你知道什么是REPL吗?时的应答技巧和注意事项,需要的朋友参考一下 REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境,类似 Window 系统的终端或 Unix/Linux shell,我们可以在终端中输入命令,并接收系统的响应。装有node环境的命令行窗口

  • 本文向大家介绍你知道什么是纯函数吗?相关面试题,主要包含被问及你知道什么是纯函数吗?时的应答技巧和注意事项,需要的朋友参考一下 纯函数是个计算机术语,这点与语言无关。 纯函数的特征是确定了输入就一定可以确定输出,并且无副作用。 举例子 ,我们在Redux设计模式下,reducer就是一个个的纯函数,我们只是根据参数,按照规则创建新的state,对于老的state,我们只消费,不修改。

  • 本文向大家介绍你知道什么是脚手架吗?相关面试题,主要包含被问及你知道什么是脚手架吗?时的应答技巧和注意事项,需要的朋友参考一下 vue项目一般是使用webpack进行打包构建的,然而如果每一个项目都需要我们去配置loader和plugin的话,是很重复的劳动,并且vue项目需要使用到的最基本的webpack loader和webpack plugin是相同的。因此官方推出了vue-cli这个脚手架

  • 问题内容: 我当时在考虑使用TIMESTAMP存储日期和时间,但是我读到它有2038年的限制。与其大量提出问题,不如将其分解成小部分,以便新手用户也易于理解。所以我的问题是: 2038年的问题到底是什么? 为什么会发生?发生时会发生什么? 我们该如何解决? 是否有使用它的其他可能的选择,而不会引起类似的问题? 当使用TIMESTAMP的现有应用程序真正发生时,我们该怎么办? 提前致谢。 问题答案:

  • 本文向大家介绍你知道什么是锚点吗?它的作用是什么?怎么创建一个锚点?相关面试题,主要包含被问及你知道什么是锚点吗?它的作用是什么?怎么创建一个锚点?时的应答技巧和注意事项,需要的朋友参考一下 这里name="ss" 的a标签、id="ss" 的任意标签都是锚点,简单创建用id就可以,绝大多数标签又可以有id属性,而name仅在a标签中才可以作为锚点