这两天发现一个问题，就是display为inline-block的元素有内容和没有内容情况下高度不一致，虽然不会出现元素中没内容的情况，但是我还是决定必须解决这个问题，可能我有一些轻微的强迫症。 <div id="frame"> <div class="item">test</div> <div c ...
分类：
其他好文 时间：
2018-07-24 19:24:00
阅读次数：
297
定制上传按钮： <div style="position: relative;display: inline-block;height: 50px;min-width: 300px;overflow: hidden;"> <div style="position: absolute;top: 0;l ...
分类：
其他好文 时间：
2018-07-23 18:07:10
阅读次数：
136
1.那是因为第二个标签是inline-block,它的对齐方式是基线对齐，对齐的是第一个元素里面字的下划线，所以第二个元素的下边缘对齐的是1的下划线，只要在第二个元素里面加内容或者加个空格( )就可以了。个人认为inline-block和inline性质一样，只是一个可以设置宽高一个不可以 ...
分类：
其他好文 时间：
2018-07-23 14:43:55
阅读次数：
199
1.盒子布局 display属性：block，inline-block 属性：marging,padding,border，content 2.浮动布局 float：left/right 清除浮动：clear:both;overflow:auto/hidden;after,before 3.定位布局 ...
分类：
Web程序 时间：
2018-07-22 14:10:57
阅读次数：
184
六种实现元素水平居中 1、margin和width实现水平居中 .center { width: 960px; margin-left: auto; margin-right: auto; } 2、inline-block实现水平居中方法 .pagination { text-align: cent ...
分类：
其他好文 时间：
2018-07-11 15:03:12
阅读次数：
186
display ： inline-block 块级标签转换为行内标签 display ： block 行内标签转换为块级标签 ...
分类：
其他好文 时间：
2018-07-04 18:59:08
阅读次数：
186
最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题，需要把间隙去掉。对于inline-block元素及去掉间隙的方法，在这里做一个简单的总结。回到顶部inline-block是什么inline-block即内联块,在CSS的元素分类中可以分成三种：行内元素或者内联元素、块级元素、以
分类：
其他好文 时间：
2018-07-04 13:40:29
阅读次数：
134
概念 block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。 block元素通常被现实为独立的一块，会占据一整行的空间；而inline元素则前后不会产生换行，一系列inline元素 ...
分类：
其他好文 时间：
2018-07-03 23:48:34
阅读次数：
162
CSS布局解决方案 摘自：无悔铭《css布局解决方案（终极版）》 "https://segmentfault.com/a/1190000013565024" 水平居中 方案一：使用inline block + text align 原理： 1）先将子元素由块级元素改变为行内块元素，再通过设置行内块元 ...
分类：
Web程序 时间：
2018-07-03 12:00:14
阅读次数：
191
display:inline-block 无序列表布局的文字错位问题及解决方法
分类：
其他好文 时间：
2018-07-02 16:16:43
阅读次数：
162
