前端
Coding-ls
这个作者很懒,什么都没留下…
展开
-
关于h5中图片不显示的问题之绝对路径和相对路径
刚入坑前端,在学习的过程中遇到了一个h5中背景图片不显示的问题。经过各种测试一直无法解决,后来灵机一动,发现原来是路径的问题。 我当时的目录分层就是html文件,css文件夹,image文件夹和js文件夹。由于css和image在同一级别的目录中,所以在css中设置背景图片是采用image/xx.jpg是无法显示的。 解决办法:采用相对路径:../image/xx.jpg即可显示背景图片。 后原创 2017-01-03 11:07:01 · 14064 阅读 · 0 评论 -
ul实现横向排列不换行的两种解决方案
刚学前端不久,尝试着写各种布局。今天想实现一个横向排列的照片列表,于是最先想到的就是利用ul将list-style设置为none。但是这样只是仅仅将ul默认为横向排列,并没有限制ul一定不换行。当ul设置的宽度不足以容下图片时,图片就会自动换行。 于是查阅资料和相关布局属性。最终找出了两种解决方案。原创 2017-01-14 17:47:20 · 54096 阅读 · 5 评论 -
Vue实现PopupWindow组件
这段时间一直在学习前端技术来完成自己的小项目。在js方面就使用了Vue框架。由于在项目里想实现一个新建地址的PopupWindow效果,便想到可以使用Vue的一些特性来实现。 用到的Vue特性:组件(Component),props传值,slot内容插入,transitions过渡动画,x-templete模板。 直接上代码(完整代码可在链接中下载popupwindow): html代码(无样原创 2017-07-29 15:15:20 · 4120 阅读 · 0 评论 -
解决float属性导致换行
在h5开发中,经常会使用float属性来解决一些布局问题。但在某些复杂的布局中也会遇到使用float属性是导致一行中的元素无法对齐或者float元素换行等现象。在遇到这种问题时,我们可以修改元素的位置来解决换行或者元素不对齐的现象。原创 2017-09-06 19:16:06 · 8646 阅读 · 1 评论