各种奇葩CSS样式技巧集合

2015/12/21 11:35:15 人评论 次浏览 分类:CSS


各种奇葩CSS样式技巧集合,下面主要是自己在开发的过程中遇到到的一些常见的CSS样式的问题的,所以通过这篇文章收集起来。


1.用CSS定义label {width:100px;},在IE中可以见到效果,但在firefox中需多定义一个属性,才能起作用,如下:

label {
    display:inline-block;
    width:100px;

}  

原因:label是行内元素,不是块级元素,无法定义宽度width,所以需要使用display:inline-block;


2.对于设置ul的宽度设置为100%(width:100%),在firefox中不起作用,需加上overflow: hidden; 或者是将ul定义为块级元素。



相关资讯

  • 通过js判断浏览器是否支持HTML5特性

    在开发的过程中有时候需要对一些html5的专属特性进行判断,判断浏览器是否支持HTML5特性,一般是通过js进行判断,目前判断浏览器是否支持html5特性,主要通过js判断是否支持html5特性中的某种特性,例如像window.applicationCache,Canvas,Worker。

    2016/7/6 12:11:21
  • Js通过referrer获取搜索引擎来源

    在做网站优化的时候,需要了解用户搜索引擎来源,可以在Html页面中通过JS获取document.referrer,然后在document.referrer中通过搜索引擎对应的域名进行识别。 比如百度对应域名中的存在‘baidu’,360 搜中,含有so.com,可以作为标识。

    2016/5/20 11:17:05
  • CSS样式文件中文字符的编码问题

    在使用CSS样式文件的时候,需要使用中文字符,特别是使用字体样式的时候,比如‘微软雅黑’,’黑体‘等字体的时候会出现出现乱码的情况,这里主要是字符编码的问题。下面具体说说原因和解决方法。

    2015/12/20 17:20:59