chaihongjun.me

部分前端bug解决方法汇总

部分前端bug解决方法汇总

1.如何将多个元素设置为同一行?清除浮动有几种方式?

将多个元素设置同一行的方法可以是float浮动和inline-block;

清除浮动的方法有3种,

方法1,添加新的元素应用clear:both

方法2,父级盒子定义overflow:hidden;

方法3,利用伪类元素:after和:before在元素内部插入两个元素块

.clear {
    zoom: 1;
    overflow:hidden;
}

.clear:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

2.图片间隙,在DIV内插入图片,图片会将DIV下方撑大4px,如何解决?

方法1,将图片设置为display:block;

方法2,将<div>和<img>写在同一行

3.同样<dl>和<li>内插入的<img>也有图片间隙问题,如何解决?

方法,将图片设置为display:block;

4.统一鼠标指针为手型?

方法,cursor:pointer;

5.inline-block布局下各元素之间会出现间隙,如何解决?

方法1,将元素标签连续写在一行不换行,或者去掉标签闭合

方法2,在父容器上设置font-size:0;

知识共享许可协议本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。作者:»