这两天发现一个问题,就是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