2018年11月6日
摘要: 当行内元素(此处主要是指inline-block)在一行显示时,存在默认的行间元素间隙,在布局时可能要去除 第一种方法: font-size(在子元素或者父元素上设置都可以,看需求) //适用inline-block元素 第二种方法:letter-space(在父元素上设置) //适用inline- 阅读全文
posted @ 2018-11-06 22:41 肥嘟嘟啊左卫门 阅读(1010) 评论(0) 推荐(0) 编辑
  2018年11月2日
摘要: 1.外边距合并:只有在垂直方向上会发生 例:子margin-top > 父margin-top 效果图: 2.在布局中的应用 margin:通常用来设置此元素与相邻元素或父元素边框的距离(盒子与 盒子之间的距离) padding:通常用来设置内容显示的区域 另:通常子元素的margin可以用父元素的 阅读全文
posted @ 2018-11-02 22:45 肥嘟嘟啊左卫门 阅读(126) 评论(0) 推荐(0) 编辑
  2018年11月1日
摘要: 推荐使用: 将clearfix添加到父元素,即可清除浮动,原理与添加一个空的块级元素再添加clear: both样式一样,但是使用伪元素可以不破坏页面结构 此时要注意父元素原来是否已经设置了::after伪元素,避免冲突 阅读全文
posted @ 2018-11-01 00:43 肥嘟嘟啊左卫门 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 我们在将UI稿实现为页面代码时,常常强调要Pixel Perfect、高精准地还原设计稿。 但我们常常会遇到这样一个问题:当我们用一个块级元素包裹文本时,会发现块级元素的高度,实际比文本的font-size尺寸还要高,导致上下形成了一些空白,进一步造成块级元素内的文本与垂直方向上相邻元素的距离变大( 阅读全文
posted @ 2018-11-01 00:38 肥嘟嘟啊左卫门 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 第一列 第二列 第三列 阅读全文
posted @ 2018-11-01 00:24 肥嘟嘟啊左卫门 阅读(103) 评论(0) 推荐(0) 编辑
  2018年10月29日
摘要: 父元素倾斜后,子元素需要是块级元素/行内块元素才能 抵消影响 阅读全文
posted @ 2018-10-29 18:17 肥嘟嘟啊左卫门 阅读(415) 评论(0) 推荐(0) 编辑
  2018年10月28日
摘要: 一、vue加载本地数据 1.img标签中的src绑定数据 在组件数据中声明 2.css中的路径 可以直接使用正确的相对路径 二、全局挂载插件 webpack.ProvidePlugin 说明:bootstrap.js基于jQuery(类似),使用bootstrap.js前必须先加载jQuery 2. 阅读全文
posted @ 2018-10-28 23:46 肥嘟嘟啊左卫门 阅读(772) 评论(0) 推荐(0) 编辑