【CSS Cookbook】笔记摘要（四）

标签：内容   firefox   使用   水平线   笔记摘要   html   net   块级元素   idt   

 页面元素

　　使用text-align性质可以居中显示块级元素中的文字。把margin-left和margin-right设为auto时，该元素则会相对于父元素居中显示。但是现在流行的一些较低版本的浏览器无法正确地渲染这种外观，如IE5和Netscape Navigator。如果使用了HTML表格中的th元素，单元中的内容是默认居中显示。在水平居中的基础上，可以垂直居中，需要使用到position属性。即

position:abasolute;
top:50%;
left:50%;
margin-top:xx;
margin-right:xx;
height:xx;
width:xx;

局对定位可以使元素脱离文档局流的限制，显示在任何预期的位置。

　　如果在Safari浏览器上要使水平线居中显示，应将margin-left和margin-right设置为auto，但对于Mozilla、Firefox、Navigator和IE浏览器，margin值的设置可有可无。改变hr元素的颜色时，考虑到网页在跨浏览器上的健壮性，应同时设置color和background-color属性，因为IE/Win只能识别hr元素的color属性，而Safari、Mozilla、Firefox和Netscape Navigator 6+则支持background-color属性。

【CSS Cookbook】笔记摘要（四）

标签：内容   firefox   使用   水平线   笔记摘要   html   net   块级元素   idt   

原文地址：http://www.cnblogs.com/FireTheFire-Fly/p/6839341.html