1、text-align:center; 2、margin:0 auto; 3、display:inline-block; + text-align:center; 4、position:relative; + float:left; 5、line-height 6、上下左右padding 7、po ...
分类：
Web程序 时间：
2018-12-01 20:16:50
阅读次数：
212
空格符本质上就是个字符，与a,b,c,d这些字符是个同一个属性的东西，只是它是空格，透明的看不见而已（但可以选中）。所以，只要我们使用让文字宽度为0的那些方法，就可以解决inline-block元素间换行符间隙的问题。 1. {font-size:0;}但是，这个方法在chrome浏览器下没有效果， ...
分类：
其他好文 时间：
2018-11-29 20:16:24
阅读次数：
178
页面结构都是: 一、水平居中 1.设置父元素和子元素，inline-block+text-align：ie6↑ 2.设置子元素，table+margin： ie8↑ 3.设置父元素和子元素，absolute+transform：ie10↑ 4.设置父元素和子元素，flex+margin：ie9↑ 5 ...
分类：
其他好文 时间：
2018-11-26 22:08:44
阅读次数：
286
目录 一、遇到的问题 二、举个简单的栗子分析问题 三、解决办法 目录 一、遇到的问题 二、举个简单的栗子分析问题 三、解决办法 一、遇到的问题 前些天写瀑布流布局的时候，发现明明计算好了宽度使得一行能放下三张图片，实际效果却总是放不下，图片会挤到下一行去。上图： 可以看到，我本来是想要两行图片，每一 ...
分类：
其他好文 时间：
2018-11-19 12:37:24
阅读次数：
166
block inline-block inline区别 absolute定位详解：https://www.jianshu.com/p/a3da5e27d22b ...
分类：
Web程序 时间：
2018-11-15 18:32:02
阅读次数：
158
1、vertical-align vertical-align用于对齐行内元素。所谓行内元素，即display属性值为下列之一的元素：inlineinline-blockinline-table而行**内块元素（inline-block element）**__，顾名思义，就是位于行内的块元素。可以 ...
分类：
其他好文 时间：
2018-11-15 13:39:54
阅读次数：
142
1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； IE6下块元素如何实现display:inline-block的效果？ 有两种方法： 1、 先使用 ...
分类：
其他好文 时间：
2018-11-15 13:34:48
阅读次数：
182
内联块：inline block 默认情况下块元素占一行，使用内联属性能够将元素整合到一行，一旦设置这个属性且未设置宽度时，由内容决定撑开宽度。注ie6和ie7不支持。 浮动：float 也可以让多个块元素实现在同行展示。使文档流脱离书写顺序，比如fl ...
分类：
Web程序 时间：
2018-11-15 11:06:12
阅读次数：
179
1. <style> * { page-break-inside: avoid; page-break-after: avoid; page-break-before: avoid; } </style> 2.所有的 display: inline-block; 改为 display: block; ...
分类：
Web程序 时间：
2018-11-14 22:35:17
阅读次数：
416
display:inline-block，简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现，之后的内联对象会排列在同一行 比如两个input，默认中间会产生一些间距 解决方案有以下几种 1、将元素放在一行这样就不会产生间距了。（虽然看起来有些low...） 2、给父级f ...
分类：
其他好文 时间：
2018-11-12 17:45:04
阅读次数：
121
