前端
acvc225
这个作者很懒,什么都没留下…
展开
-
checkbox与文字对齐方式(同样可用于radio单选框)
checkbox 在chrome 和 firefox中 间距是由margin撑开, IE中则是由padding,并且无法设置边框;主要参考大神的博客,http://www.zhangxinxu.com/wordpress/2009/08/%E5%A4%8D%E9%80%89%E6%A1%86%E6%88%96%E5%8D%95%E9%80%89%E6%A1%86%E4%B8%8E%E6%96%...转载 2020-05-05 14:36:24 · 740 阅读 · 0 评论 -
仿bootstrap模态框效果 从底部弹出模态框
实现模态框效果1、点击按钮后,模态框自底部向上弹出2、模态框弹出后,背景要有一个遮罩效果,并且模态框本身要遮住按钮3、点击模态框遮罩背景后,模态框自上而下隐藏因为对前端不熟悉,本想找一些源码,省得自己再研究,结果baidu出来的基本都惨不忍睹,只能自己再花点时间去研究,其实是很简单的一段代码。(顺便吐槽一下,为什么网上那么多人总是贴一些乱七八糟的代码出来呢?)完整代码如下&l...原创 2020-05-07 11:29:31 · 1284 阅读 · 0 评论 -
仿淘宝菜单分类页面布局--iframe框架有限替代方案
之前做一些类似后台管理界面,典型的左侧菜单、右侧布局,基本都采用iframe框架来完成虽然iframe操作起来非常方便,但是也存在问题,例如页面不够美观,css样式布局会出现各种复杂问题以至于显得比较乱,以及像有些人说的加载慢、html部分代码重复加载等问题...所以,一直想找一个替代解决方案,能够基本实现类似框架的布局通过各种尝试,最终找到完美实现的方法。如下图,页面分为左右两部分,...原创 2020-05-05 10:26:31 · 1542 阅读 · 0 评论 -
bootstrap的.card-columns瀑布流显示列数修改
bootstrap多列卡片浮动排版可以实现卡片瀑布流显示,官方说明是:將卡片包在.card-columns 中,可以將做出象 Masonry网站的瀑布式排列卡片效果,卡片是使用column属性,而不是基于 flexbox弹性布局,从而实现更方便实用的浮动对齐,顺序是从上到下、从左到右。官方默认显示是:小窗口下单列显示,大窗口下3列显示但是现在想要他在小窗口下2列显示在网上...原创 2020-05-04 11:56:45 · 2178 阅读 · 0 评论 -
input上传图片并预览
首先说一下input大家都知道上传文件,图片是通过input 的file进行上传的。1. 首先是样式大家都知道input在HTML的代码为<input type="file">;在页面的样式是不可以更改的,如下图但是最为一个投机取巧的前端,一切样式都是可以修改的。效果图如下代码:<input type="file" name="file" id="file"...转载 2020-04-04 17:20:21 · 383 阅读 · 0 评论