【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】筆記摘要（四）