.visible-**-block 元素在**设备上以块级元素显示；.visible-**-inline 元素在**设备上以行元素显示；.visible-**-inline-block 元素在**设备上以行内块元素显示；.hidden-** 在**设备上隐藏；(在其他设备上显示).container ...
分类：
其他好文 时间：
2018-05-07 17:46:31
阅读次数：
568
一、水平居中： (1). 行内元素的水平居中？ 如果被设置元素为文本、图片等行内元素时，在父元素中设置text-align:center实现行内元素水平居中，将子元素的display设置为inline-block，使子元素变成行内元素 <div class="parent" style=""> <d ...
分类：
Web程序 时间：
2018-05-07 13:40:21
阅读次数：
390
/*进行样式预习设置，body预留导航栏位置50px,mylogo样式是给把图表显示出来*/ <style> body{margin-top: 50px; } .my-logo{ display: inline-block; width: 63px; height: 42px; background ...
分类：
其他好文 时间：
2018-05-07 13:27:21
阅读次数：
234
1、对inline-block设置overflow: hidden会造成baseline移动，因此需要设置vertical-align才不会出现样式问题。 2、使用flex时，需要对设置flex: 1的模块添加 width: 0，以防止该模块内元素将该节点撑开。 3、ios会对每个绑定onClick ...
分类：
Web程序 时间：
2018-05-04 16:52:52
阅读次数：
182
总体概念 根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，称为“块级”元素(block-level)；而span元素的默认display属性值为“inline ...
分类：
其他好文 时间：
2018-05-02 13:09:12
阅读次数：
160
viewport 响应式图片 大图随容器自动缩放，保持宽高比 背景图片 保持宽高比 margin\padding的值是百分比的时候是相对父元素的width 导航栏布局 网格布局 inline-block+justify：每行放下的数目固定 flex：宽高度固定，能放几个就放几个 media quer ...
分类：
其他好文 时间：
2018-05-01 14:07:15
阅读次数：
162
<div style="display: inline-block" > <p> hell</p> <p> hell</p> <p> hell</p> </div> <div style="display: inline-block" > <p> hell</p> <p> hell</p> <p> ...
分类：
其他好文 时间：
2018-05-01 12:27:02
阅读次数：
73
只给出关键点,具体效果不做太多示范,真正的东西只有自己试了才能记住 BFC BFC触发: 1.position:absolute/fixed 2.float:left/right 3.display:inline-block 4.overflow:hidden/scroll 关于触发方法还有一些ta ...
分类：
其他好文 时间：
2018-04-29 19:20:07
阅读次数：
627
介绍一下三种主要元素inline，inline-block，block的居中方法，示例较少，主要说明方法 水平居中： block：设置 margin：0 auto inline 和 inline-block：在其父级元素上设定 text-align：center 通用方法：（1）在其父级元素设置di ...
分类：
Web程序 时间：
2018-04-29 01:13:37
阅读次数：
190
display 首先要简单说明一下display的主要3个主要属性，分别为block，inline-block，inline，这里只提及主要，关于其他的inherit，none等可以自行了解 inline：不可定义宽高，内容决定位置 inline-block：可定义宽高，内容决定位置 block：可 ...
分类：
其他好文 时间：
2018-04-28 23:53:00
阅读次数：
294
