| 新人在頁(yè)面開(kāi)發(fā)的時(shí)候總會(huì )碰到顯示器的問(wèn)題,然而大部分朋友都是在1024*768分辨率的顯示器下開(kāi)發(fā)的.如果不讓頁(yè)面在任何顯示器下都居中的話(huà),就會(huì )給用戶(hù)造成不良的影響.針對這點(diǎn),我們就用CSS里的margin屬性來(lái)讓頁(yè)面在任何分辨率的情況下劇中. 讓頁(yè)面劇中的方法有很多,可以用JS來(lái)控制,可以用百分比來(lái)控制,可以用CSS來(lái)控制,今天我就跟大家說(shuō)一下CSS里使用的margin:0 auto;的方法讓頁(yè)面劇中的幾個(gè)注意事項. margin屬性的作用,相信大家都知道,讓元素向四周補白.可以有top,right,bottom,left4個(gè)方向來(lái)控制.簡(jiǎn)單的寫(xiě)法就是直接用margin后面跟上下左右的值.也就是margin:1px 1px 1px 1px,這樣寫(xiě)就是讓元素分別向上右下左補白1像素 而margin:0 auto的意思就是說(shuō)讓元素向上補白0像素,左右為自動(dòng)使用.這樣按照瀏覽器的解析習慣是可以讓頁(yè)面劇中的.一般我們都會(huì )加在body標簽里. 這里我們就要注意幾個(gè)問(wèn)題了. 第一:在使用margin:0 auto的方法讓頁(yè)面劇中的時(shí)候,一定要給元素一個(gè)寬度,否則效果將會(huì )失敗. 劇中的另一種方法,使用HTML標簽中的<center></center>標簽,不過(guò)使用這種標簽的話(huà),必須提前考慮好頁(yè)面的整體架構,否則頁(yè)面中所有的元素就將劇中. 百分比的方法就相對簡(jiǎn)單一些,但是需要有清晰的頭腦來(lái)考慮和計算寬度 |
聯(lián)系客服
