jquery HoverEx 插件样式。可以参考 @charset "utf-8"; .he-wrap { position: relative; zoom: 1; display: inline-block; *display: inline; position: relative } .he-v ...
分类:
Web程序 时间:
2018-09-29 14:23:06
阅读次数:
187
有四个属性: static:静止 relative:相对的 fixed:固定的(广告等信息固定在网页的某个位置,不管你上下滑动位置不变) absolu:绝对的 .box{ display:inline-block; width: 100px; height: 100px; background: b... ...
分类:
其他好文 时间:
2018-09-27 14:21:12
阅读次数:
223
.brand { display: inline-block; width: 30px; height: 18px; background-image: url('../../../resource/img/brand@2x.png'); @media (-webkit-min-device-pix ...
分类:
其他好文 时间:
2018-09-27 12:03:19
阅读次数:
171
1、在页面布局时,值对于块元素来说,相邻的两个兄弟块元素间的margin-top与上一个兄弟的margin-bottom重合时, 解决办法:对其中一个块元素中设置 display:inline-block; 2、行元素间margin问题 对行元素设置是margin 效果显示不出来,解决办法: 在元素 ...
分类:
其他好文 时间:
2018-09-27 10:33:16
阅读次数:
166
在设置子级元素的display为inline-block时出现了一个问题:本来想做到父盒子的高度由子盒子撑开,结果发现父盒子的高度比子盒子高了4px,设置display为block时就没有出现这个问题。 效果: 出现该问题的本质原因是:内联元素的默认垂直对齐方式是和基线对齐,并不是和底部对齐。即默认 ...
分类:
其他好文 时间:
2018-09-26 20:09:57
阅读次数:
218
bootstrap常用组件 / 1-1 图标组件 bootstrap组件:官网可查看。 组件:拿来就用的图片或者效果。图标,下拉菜单,按钮组,导航。。。 图标组件:基本使用:内联元素:需要一个基本类+图标类,图标和文本间添加一个空格。 基类:glyphicon(图标相对定位,inline-block ...
分类:
其他好文 时间:
2018-09-25 17:24:30
阅读次数:
310
当两个盒子都设置display: inline-block之后并且css也清除了默认样式 这时候会发现div盒子之间仍然存在间隙 将font-size清0间距就会取消 ...
分类:
其他好文 时间:
2018-09-25 17:22:31
阅读次数:
515
先上代码: 运行后效果如下: 图上可以看出,这里存在两个问题:1、div之间有间隙 2、如果在中间添加内容,会出现诡异效果: 怎么解决? 1、解决间隙,把父元素的font-size的设置为0 2、把加内容的的div增加样式:vertical-align:top ...
分类:
其他好文 时间:
2018-09-21 12:26:13
阅读次数:
222
块级元素社设置了text-align:center以后,对其直接行内元素/果冻元素、继承行内元素/果冻元素都会产生“居中效应”。 结果:所有的span按照居中对test4进行填充; li元素因为继承了test4的text-align:center属性,所以li内的文本元素也按照居中形式填充li。 因 ...
分类:
其他好文 时间:
2018-09-16 15:38:47
阅读次数:
318
input[type="checkbox"] { margin-top: 5px; width: 14px; height: 14px; display: inline-block; text-align: center; vertical-align: middle; line-height: 1 ...
分类:
其他好文 时间:
2018-09-12 20:09:59
阅读次数:
178