1.天津恒鑫創(chuàng)想科技有限公司多年來(lái)從事北京前端培訓(xùn)生產(chǎn)與研發(fā),在北京前端培訓(xùn)的生產(chǎn)和使用上有著豐富的經(jīng)驗(yàn)。市轄區(qū)、昌平區(qū)常年現(xiàn)貨供應(yīng)北京前端培訓(xùn),html5培訓(xùn)機(jī)構(gòu),且北京前端培訓(xùn)產(chǎn)品,市場(chǎng)占有率穩(wěn)居,深受廣大客戶(hù)的喜愛(ài)!
2.恒鑫創(chuàng)想html5培訓(xùn)的優(yōu)勢(shì)在于能夠全面深入地根據(jù)客戶(hù)的實(shí)際需求和現(xiàn)實(shí)問(wèn)題,及時(shí)準(zhǔn)確地提供專(zhuān)業(yè)的解決方案。同時(shí),公司始終密切關(guān)注商務(wù)服務(wù)、教育培訓(xùn)、IT培訓(xùn)行業(yè)發(fā)展的動(dòng)態(tài),并與行業(yè)內(nèi)知名企業(yè)建立了良好、長(zhǎng)期穩(wěn)定的合作關(guān)系,為客戶(hù)提供最專(zhuān)業(yè)、的html5培訓(xùn)機(jī)構(gòu)x195ae7n。北京web前端培訓(xùn) CSS布局——居中
1.行內(nèi)元素水平居中text-align:center
對(duì)圖片,按鈕,文字等行內(nèi)元素(display為inline或inline-block等)進(jìn)行水平居中,可對(duì)元素或者父元素使用text-align:center
2.定寬塊級(jí)元素水平居中margin: 0 auto;
3.使用表格垂直水平居中
如果你使用的是表格的話(huà),那完全不用為各種居中問(wèn)題而煩惱了,只要用到 td(也可能會(huì)用到 th)元素的 align="center" 以及 valign="middle" 這兩個(gè)屬性就可以完美的處理它里面內(nèi)容的水平和垂直居中問(wèn)題了,而且表格默認(rèn)的就會(huì)對(duì)它里面的內(nèi)容進(jìn)行垂直居中。如果想在css中控制表格內(nèi)容的居中,垂直居中可以使用 vertical-align:middle,至于水平居中,貌似css中是沒(méi)有相對(duì)應(yīng)的屬性的,但是在IE6、7中我們可以使用text-align:center來(lái)對(duì)表格里的元素進(jìn)行水平居中,IE8+以及谷歌、火狐等瀏覽器的text-align:center只對(duì)行內(nèi)元素起作用,對(duì)塊狀元素?zé)o效,需要設(shè)置display。
4.使用display:table;margin:0 auto;水平居中
5.使用display:table-cell垂直水平居中
對(duì)于那些不是表格的元素,我們可以通過(guò)display:table-cell 來(lái)把它模擬成一個(gè)表格單元格,這樣就可以利用表格的居中特性。但是,這種方法只能在IE8+、谷歌、火狐等瀏覽器上使用,IE6、IE7都無(wú)效。
6.單行或多行文本的垂直居中
父元素高度確定的情況下,
單行文本設(shè)置父元素的height和line-height一致即可; |
 |
|