关于css连接出现的问题及解决方案


作为前端开发人员,在日常的页面制作时,不可避免的会碰上这样那样的问题,这时就需要寻找这些HTML及CSS常见问题的解决方案。我根据自己的经验和心得挑选和整理了一些HTML常见问题和CSS常见问题的解决方案进行总结归档,希望对大家会有所帮助:
1、如何定义高度很小的容器?

在IE6无法定义小高度的容器,是因为有一个默认的行高。

解决方案:
verflow:hidden | line-height:0

2.图片下方出现几像素的空白间隙?
这个也有多种解决方案,如将
img定义为display:block,或定义父容器为font-size:0,
个人更推荐使用vertical-align的方式,它的值可以是text-top | text-bottom | middle等

3、IE6双倍margin的BUG?display:inline

4、文本垂直方向对齐文本输入框?
设置input为vertical-align:middle,textarea也是如此

5、为什么在web标准下ie无法设置滚动条的颜色?

将设置滚动条颜色的样式定义到html标签选择符上即可

6、如何让层在falsh上显示?
不可以,除了少数几个级别很高的家伙除外。但可以将flash设置为透明,这时层就会透过falsh显示,近似于覆盖在flash
之上了,如:
<param name="mode" value="transparent" />

7、如何使得文字不换行?
定义包含文字的容器为:
width:xxx;white-space:nowrap;

8、ie中如何让超出宽度的文字显示为省略号?

定义容器为:

overflow:hidden;width:xxx;white-space:nowrap;text-overflow:ellipsis;

9、如何在点文字时也选中checkbox?

<input id="test" type="checkbox" value="on" /><label for="test">

测试</label>

10、一个div为margin-bottom:10px,一个div为margin-top:5px,为什么2个div之间的间距是10px而不是15px?
这种情况浏览器会自动进行

margin重叠,只显示较大的margin值

解决方案:只设置其中一个div的margin为15px

11、如何解决ie下当li中出现2个或以上的浮动时,li之间产生的空白间隙?

设置li的vertical-align,值可以为top | text-top | middle | bottom | text-bottom

优质内容筛选与推荐>>
1、Java 概述
2、关于String和new String及final String
3、js--未来元素
4、平面割线平分点(构造)--牛客第三场-- Magic Line
5、简单二叉树


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号