absolute top 50% left 50% transform translate3d50%，50%，0 webkittransform translate3d50%，50%，0；html中的標(biāo)簽中，輸入css代碼body textalign centerbackground urlsmall2png backgroundsize 60% 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功通過(guò)css控制了div居中顯示，背景圖片的大小為60%；var a = $documentheight $#39form#39height 2#39form#39css#39margintop#39， a + #39px#393瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)form標(biāo)簽成功在頁(yè)面中水平垂直居中了；1HTML的div標(biāo)簽主要是用來(lái)布局，div默認(rèn)是沒(méi)有任何屬性的這也是常用它布局的原因2主要設(shè)置兩個(gè)div，一個(gè)div在外一個(gè)div在內(nèi)，并設(shè)置div的邊框顏色3首先打開(kāi)頁(yè)面，具體如下圖所示4F12打開(kāi)審查元素，修改內(nèi)層；1輸入位置固定top0左0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入寬度100%身高100%最小寬度1000像素這個(gè)可以適合div的高度和寬度，而minwidth是在屏幕寬度在1000px以內(nèi)的情況下，保持div的大小不變；條件這個(gè)時(shí)候?qū)Α癰ody”設(shè)置css內(nèi)容居中樣式textaligncenter即CSS代碼bodytextaligncenter 設(shè)置這個(gè)時(shí)候?qū)Α?divcss5”設(shè)置居中必備樣式css margin 即CSS代碼divcss5margin0 auto。

這樣就讓該div隨屏幕瀏覽器寬度變化而變化了然后在這個(gè)div里面再嵌套一個(gè)div給定一個(gè)寬高屬性，就是你導(dǎo)航的寬高，要使之居中，各人使用的方法也有所不同，但是常用的還是margin屬性，具體屬性如下 width你導(dǎo)航的寬；該方法是將外部容器的顯示模式設(shè)置成displaytable，img標(biāo)簽外部再嵌套一個(gè)span標(biāo)簽，并設(shè)置span的顯示模式為displaytablecell，這樣就可以很方便的使用verticalalign象表格元素那樣對(duì)齊了，當(dāng)然這只是在標(biāo)準(zhǔn)瀏覽器下，IE6IE。

復(fù)制代碼 優(yōu)點(diǎn) 這種方法能兼容所有瀏覽器，在沒(méi)有足哆空間下，內(nèi)容不會(huì)被切掉 缺點(diǎn) 元素高度被固定死，無(wú)法達(dá)到內(nèi)容自適應(yīng)高度，如果居中元素加上overflow屬性，要么元素出現(xiàn)滾動(dòng)條，要么元素被切掉另外就是一個(gè)不算缺點(diǎn)的缺點(diǎn)，那就是加。

2點(diǎn)擊新建項(xiàng)目，新建一個(gè)Windows應(yīng)用程序項(xiàng)目3在界面上，添加一個(gè)BUTTON控件4打開(kāi)BUTTON控件的屬性面板，找到Image屬性，點(diǎn)擊旁邊的瀏覽按鈕5點(diǎn)擊”導(dǎo)入“，導(dǎo)入一個(gè)圖片作為BUTTON按鈕的背景圖片6為BUTTON按鈕；七圖片的自適應(yīng)fluidimage除了布局和文本，”自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”還必須實(shí)現(xiàn)圖片的自動(dòng)縮放這只要一行CSS代碼imgmaxwidth100%這行代碼對(duì)于大多數(shù)嵌入網(wǎng)頁(yè)的視頻也有效，所以可以寫成img，objectmaxwidth100%；v=56gifquot示例中做了一個(gè)寬為300px，高為260px像素的容器，其中圖片通過(guò)絕對(duì)定位，控制其位于容器的水平居中，容器底部的位置bottom10px控制圖片距離底部10px，left50%marginleft60px控制圖片水平居中；marginleftauto意思是header這個(gè)框架左右自動(dòng)對(duì)齊，這樣header這個(gè)框架中的背景圖片也就跟著居中了；在一個(gè)容器里再定義一個(gè)絕對(duì)定位的p容器，再在p容器里放需要垂直居中的圖片，圖片定義相對(duì)定位的CSS直接上CSS代碼#picwidth300pxheight300pxbackgroundcolorgreenborder6pxsolid#ccctextaligncenter；門戶工作臺(tái)頁(yè)面的快速通道中，展示收藏的應(yīng)用，每一行展示的數(shù)量根據(jù)卡片寬度自適應(yīng)，當(dāng)拖動(dòng)瀏覽器邊緣擠壓卡片時(shí)，塞不下的的圖片會(huì)自動(dòng)擠壓到下一行當(dāng)卡片剩余寬度不夠塞下一個(gè)時(shí)，右邊會(huì)有一塊空白，客戶要求應(yīng)用列表始終。