
css学习
Sukla
It's my life !
展开
-
IE浏览器bug 原因 haslayout
1,元素可以根据自己的设置来渲染 也可能是根据父元素的设置来渲染 一个元素如果要计算它的子元素的布局 那么这个元素的 haslayout 属性为 true 来控制子元素的渲染 需要消耗一些资源2,一个元素如果不用计算它的子元素的布局 那么这个元素的 haslayout 属性为 false3,ie 5 6 为了不消耗太多的资源 只默认给一部分元素的 haslayout 属性 设置为true例原创 2017-12-15 21:59:38 · 272 阅读 · 1 评论 -
div+css 三栏式布局
1,效果图2,方法一 三栏式布局 .main{ background-color: #22bd7a; margin:0 300px 0 200px; height: 500px; } .left{ width: 200px; height: 100%;原创 2017-12-15 21:44:24 · 549 阅读 · 0 评论 -
清除浮动 overflow:hidden FC IFC BFC
1,清除浮动的时候 常用 overflow:hidden 2,通常是父元素高度坍塌 就给父元素加上 overflow:hidden 或者一个浮动元素和后边的非浮动元素重叠了 就给后面的非浮动元素加上 overflow:hidden3,FC 是一个渲染区域 这个区域有一套渲染规则 规定里面的子元素是从上到下 还是从左到右 计算整体高度的时候要不要排除浮动元素等 4,BFC 是一个子元素从原创 2017-12-15 22:14:28 · 490 阅读 · 0 评论 -
textarea 禁止改变大小
1,resize:none;width:固定值;min-width:固定;max-width:固定;height:固定;min-height:固定;max-height:原创 2018-01-11 09:19:42 · 576 阅读 · 0 评论 -
npm 插件 制作 发布 更新
1,插件功能 是一个消息弹窗 效果如图 2,创建package自己新建一个目录 view-toast-m-m在 view-toast-m-m 目录下执行 npm init会在目录下生成 package.json 文件3,编写插件新建目录 view-toast-m-m /src/lib view-toast-m-m /src/lib 目录下创建 vue-toa原创 2017-12-28 15:02:49 · 1978 阅读 · 1 评论 -
css 宽高未知的子元素在父容器上下左右居中
1,方法一效果代码 未知宽高上下左右居中 .container{ display: table-cell; width: 500px; height: 500px; text-align: center; ve原创 2018-03-27 16:11:33 · 1053 阅读 · 0 评论 -
css 学习 img 随容器缩放而等比变化
1,效果2,代码 图片等比缩放 实例 .img-container{ width:700px; height:700px; background-color: #000000; } .img-item{ w原创 2018-03-27 19:40:06 · 2043 阅读 · 1 评论