专栏首页Tuzei的笔记[前端]一个空格引发的血案

[前端]一个空格引发的血案

今天同事在写小程序的时候,遇到一个问题,就是开始是想实现这种效果

image.png

是用flex布局,中间是grow等于1,内容是铺满整个container的 但是却出现了这种情况

image.png

footer下面莫名的多出一段没铺满

之后各种调css不行,注释掉原来的代码写了个demo又是正常的,百思不得其解。

image.png

代码这样看是没有什么问题的

image.png

chrome控制台查看元素好像也没什么问题

最后发现问题是在这……

image.png

是的,就是这个空格…… 去掉就没事了……

后来去掉了这个空格,自己打了空格,tab问题也都不会出现。 最后的最后发现…… 这是一个全角空格……   ←就是它 类似这个原理,其实并不难,但是主要是太难排查出来了。

image.png

image.png

事实说明了:如果你恨一个前端,就偷偷给他的代码里加几个全角空格。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Angular2打包遇到的问题与解决方法

    angular2最后想打包放到服务器,需要在文件目录运行 ng build 命令,运行完会生成一个 dist 目录,将这个目录放到服务器上就可以了。但是这一过程...

    Tuzei
  • Angular2打包遇到的问题与解决方法(二)

    http://www.jianshu.com/p/8943ff86349a 之前这篇是说了路径的问题 这次是说准备部署时的打包 首先还是基于这个 ng ...

    Tuzei
  • 手把手教你设置局域网访问虚拟机内服务器

    如果我们在虚拟机内搭建好服务器后,希望可以在局域网内的设备上都能访问到这个虚拟服务器,就可以参照以下步骤来操作。其中包括了很多遇到的坑。先说说我的环境是

    Tuzei
  • 将现有项目上传至github

    1、在github上新建远程仓库(空库),注意不要填写readme,不然github会初始化一个仓库,会和本地仓库产生版本冲突。

    week
  • 从零开始搭建腾讯云服务器 (一)

    云服务器是一种简单高效、安全可靠、处理能力可弹性伸缩的计算服务。其管理方式比物理服务器更简单高效。用户无需提前购买硬件,即可迅速创建或释放任意多台云服务器。云服...

  • 腾讯云服务器搭建Apache/PHP/MySQL环境

    对于服务器来说稳定、极速就选择 2核 4G内存配置的云服务器比较稳妥。这个配置跑网站是比较轻松无压力的。配上 avada主题,可以做出的很大气、高大上的企业网站...

    用户5921289
  • Windows Server 2003怎么添加角色?

    我们经常用iis7远程桌面管理来管理我们的多个服务器。而今天小编要讲解的是Windows Server 2003服务器角色的添加和删除操作。

    it妹
  • 腾讯云服务器

    阿里云上搭建php+mysql服务,并使用ftp将本地php文件及数据库文件上传到服务器

    达达前端
  • Odoo系统介绍和对比

    这是官方的数据,存在夸大成分,不过在国外小微企业应用很广,目前有超过1.2万个APP

    源哥
  • 【腾讯云的1001种玩法】构建企业级应用环境之数据层面优化(二)

    在上一篇中我们讲到准备SQL基础环境改造,这一篇将继续讲述如何为应用提供高可用的底层数据层。

    李斯达

扫码关注云+社区

领取腾讯云代金券