1.天津恒鑫創(chuàng)想科技有限公司是html5培訓機構(gòu)x195ae7n、iweb培訓、html5培訓、iweb學院等產(chǎn)品專業(yè)研發(fā)、生產(chǎn)的公司,擁有完整、科學的質(zhì)量管理體系。
2.恒鑫創(chuàng)想作為高品質(zhì)、高價值、高品位、多層次的系列產(chǎn)品的締造者,公司各個方面都取得了迅猛發(fā)展,特別是新產(chǎn)品的開發(fā)與更新、產(chǎn)品質(zhì)量的穩(wěn)定、銷售市場的完善等方面成績尤為顯著,贏得了良好的口碑及美譽,在商務服務、教育培訓、IT培訓行業(yè)已逐步穩(wěn)居于行業(yè)領(lǐng)先地位。產(chǎn)品詳細說明:北京web前端培訓 CSS布局——居中
1.行內(nèi)元素水平居中text-align:center
對圖片,按鈕,文字等行內(nèi)元素(display為inline或inline-block等)進行水平居中,可對元素或者父元素使用text-align:center
2.定寬塊級元素水平居中margin: 0 auto;
3.使用表格垂直水平居中
如果你使用的是表格的話,那完全不用為各種居中問題而煩惱了,只要用到 td(也可能會用到 th)元素的 align="center" 以及 valign="middle" 這兩個屬性就可以完美的處理它里面內(nèi)容的水平和垂直居中問題了,而且表格默認的就會對它里面的內(nèi)容進行垂直居中。如果想在css中控制表格內(nèi)容的居中,垂直居中可以使用 vertical-align:middle,至于水平居中,貌似css中是沒有相對應的屬性的,但是在IE6、7中我們可以使用text-align:center來對表格里的元素進行水平居中,IE8+以及谷歌、火狐等瀏覽器的text-align:center只對行內(nèi)元素起作用,對塊狀元素無效,需要設(shè)置display。
4.使用display:table;margin:0 auto;水平居中
5.使用display:table-cell垂直水平居中
對于那些不是表格的元素,我們可以通過display:table-cell 來把它模擬成一個表格單元格,這樣就可以利用表格的居中特性。但是,這種方法只能在IE8+、谷歌、火狐等瀏覽器上使用,IE6、IE7都無效。
6.單行或多行文本的垂直居中
父元素高度確定的情況下,
單行文本設(shè)置父元素的height和line-height一致即可;
多行文本在使用vertical-align:middle的時候,由 |
 |
|