推荐阅读：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html 1. 启动网格布局 启动后，子元素的float、display: inline-block、display: table-cell、vertical-align ...
分类：
其他好文 时间：
2019-09-17 09:19:30
阅读次数：
89
三角形 .sanjiaoxing{ position: relative; top: 3px; display: inline-block; margin-left: 8px; width: 0; height: 0; border-width: 5px; //宽度 border-style: so ...
分类：
Web程序 时间：
2019-09-13 22:18:53
阅读次数：
319
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <style> .btn{ display: inline-block; padding: 5px 10px; backg ...
分类：
Web程序 时间：
2019-09-10 14:43:22
阅读次数：
94
bfc（block formatting context） 块级格式化上下文 生成bfc的方式： 1、根元素； 2、float属性不为none（脱离文档流）； 3、position为absolute或者fixed的时候； 4、display为inline-block、table-cell、table ...
分类：
Web程序 时间：
2019-08-31 10:39:36
阅读次数：
112
<!DOCTYPE html slideTool{ width: 305px; height: 3px; position: relative; background color: lightgray; display: inline block; } slideLeft{width: 0px;he ...
分类：
Web程序 时间：
2019-08-22 00:45:52
阅读次数：
77
一、水平居中 1. inline-block + text-align text-align（他会有继承） 作用在块级元素上，会让块级元素的inline-block子级 ，进行排列 <div class="parent"> <div class="child">demo</div></div> .p ...
分类：
其他好文 时间：
2019-08-18 15:29:44
阅读次数：
63
<style> body{margin: 0;padding: 0;background: #000;} a{display: inline-block;} img{height:150px;width: 150px;} ul{width: 480px;} ul li{list-style: non ...
分类：
其他好文 时间：
2019-08-11 17:16:52
阅读次数：
118
今天写小程序的时候，发现一个现象：写两个view标签，第一个view里放一个image标签，即使是你不放图片，这个image标签也会默认占位，而且默认image属性为以下这几个：image{width:320px;height:240px;display:inline-block;overflow:hidden;}具体效果见下图：
分类：
微信 时间：
2019-08-11 14:45:26
阅读次数：
720
+ display:grid 指定一个容器采用网格布局 ，采用网格布局的区域，称为"容器"（container）。容器内部采用网格定位的子元素，称为"项目"（item）。 一、容器属性 默认情况下 容器元素都是块级元素，但也可以设置成行内元素 display:inline-block Note:设置 ...
分类：
Web程序 时间：
2019-08-10 19:46:47
阅读次数：
128
block 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 inline 内联元素特点： ...
分类：
Web程序 时间：
2019-08-02 20:09:13
阅读次数：
101
