摘要：在图片竖排的时候，会默认出现一条间隙。这个好像之前也有发布类似的文章。因为我的结构大概是 <div><img/></div> <div><img/></div> 这样子。 所以，我的结局方法是在div上加上display:flex，这样就没有了空隙。我看着也没有什么问题。但是，后来发现，在iPhon 阅读全文

摘要：在使用flex布局的时候，在有图片的时候总会出现一个问题，解决之后下次再出现遇到相同的情况总会忘记解决方法，又要花费时间想。这里记录一下。 <div class="flex"> <div class="item"><img src="xxxx"/></div> <div class="item">< 阅读全文

摘要：在使用flex进行布局的时候,flex项目(flex item)内容是一张图片的时候，会出现一个挺奇怪的问题，就是图片的高度和flex item的高度不一致，会出现一定的间隔。 首先，如果flex item里的是文字的时候，会发现内容和flex item的高度是一致的。 但是，如果flex item 阅读全文

摘要：记录一下。sticky-kit 一个用于制作智能粘性元素的 jQuery 插件。我需要左侧的图片列表在网页下滑时能够粘性固定，使用的插件是sticky-kit。sticky-kit的使用很简单，只需要引用后，添加下面代码就行了，当然，有一些可选的选项也可以进行设置。$("selector").sti 阅读全文

摘要：记录使用flex布局时遇到的一个小问题。当使用flex布局，左边为图片，右边为文字。 当切换成手机端后，在手机的其他浏览器打开没有问题，但是在手机内置的浏览器打开后发现，会出现多余的空白。如果设置img为object-fit:contain;就会如下图所示。如果设置img为object-fit:co 阅读全文