Firefox中的div居中问题--CSS兼容要点分析
在做这个页面居中的时候,在ie里面显示总是正常的,但是拿到firefox里就变型了.
后来直接这样测试 要中间的div居中.
<div style="width:100%;text-align:center;">文字参照
...
在做这个页面居中的时候,在ie里面显示总是正常的,但是拿到firefox里就变型了.
后来直接这样测试 要中间的div居中.
<div style="width:100%;text-align:center;">文字参照
...
ul和li列表是使用CSS布局页面时常用的元素。在CSS中,有专门控制列表表现的属性,常用的有list-style-type属性、list-style-image属性、list-style-position属性和list-style属性。
一、list-style-type属性
list-style-type属性是用来定义li列表的项目符号的,即列表前面的修饰。list-style-type属性是一个可继承的属性。其语法结构如下:(列举一些常用的属性值)
list-style-type:none/disc/circle/square/demical/lower-alpha/upper-alpha/lower-roman/upper-roman
以前经常为DIV居中而烦恼,以致于长用绝对定位来解决居中的问题,这样的居中只能保持在同一分辨率和同样大小的窗口中,如果换了分辨率就会出现长长的滚动条,很是影响美观。而且在IE和FF下也容易出现不同的效果。
正好在蓝色看到可一个方法,很是简单,但很实用,最主要的是在FF和IE都可以显示的一样,在也不用为兼容而头疼了!
具体方法:
1.给body添加text-align:center
2.给header添加margin:0 auto;
例如:
*{margin:0px;padding:0px;}
body {text-align:center;}
#header {margin:0 auto;text-align:left; width:600px;background:#0CF;}