400-650-7353

精品課程

css圖片居中怎么設(shè)置 css圖片居中怎么設(shè)置?

發(fā)布: Web前端培訓(xùn) 發(fā)布時(shí)間:2021-07-19 13:50:20

推薦答案
品牌型號(hào):聯(lián)想 YOGA 14c/系統(tǒng)版本:windows7

1、利用margin: auto實(shí)現(xiàn)圖片水平居中

css圖片水平居中代碼:

2、利用文本的水平居中屬性text-align: center實(shí)現(xiàn)圖片水平居中

css圖片水平居中代碼:

3、利用table實(shí)現(xiàn)圖片垂直居中

css圖片垂直居中代碼如下:

注意:此種方法是利用了table的垂直居中屬性

說明:這里使用display: table;和display: table-cell;來模擬table,這種方法并不兼容IE6/IE7,IE67不支持display: table,如果你不需要支持IE67那就可以用

“css圖片居中怎么設(shè)置”

其它答案
牛仔很忙2020-06-22 18:56:36

/* 水平居中 */

.HCenter{

display:block;

margin:0 auto;/* 0 是上下邊距,auto 是水平居中 */

}


中公旗下IT培訓(xùn)品牌

  • 中公教育品牌

     中公教育是一家中國領(lǐng)先的全品類職業(yè)教育機(jī)構(gòu),提供超過100個(gè)品類的綜合職業(yè)就業(yè)培訓(xùn)服務(wù)。公司在全國超過1000個(gè)直營網(wǎng)點(diǎn)展開經(jīng)營,深度覆蓋300多個(gè)地級(jí)市,并正在快速向數(shù)千個(gè)縣城和高校擴(kuò)張。

  • 完善就業(yè)體系

    通過階段性授課機(jī)制,和每階段的定期考核,先讓學(xué)員能夠?qū)W會(huì)所學(xué)內(nèi)容,才能找打合適工作。最后一個(gè)階段為就業(yè)課程,從技術(shù)和面試兩個(gè)方面加深就業(yè)能力,并且還有不定期的雙選會(huì)供大家選擇。

  • 全程面授+實(shí)戰(zhàn)技術(shù)

    線下課程全程是師資面對(duì)面教學(xué),不會(huì)存在上課只對(duì)著大屏幕上課的情況,有問題都可以在課上得到解答。并且優(yōu)就業(yè)通過自主研發(fā)大綱和學(xué)習(xí)路線,并且定期更新課程所學(xué)技術(shù),讓大家所學(xué)技術(shù)不落伍。

中公優(yōu)就業(yè)專業(yè)職業(yè)規(guī)劃老師

為您詳細(xì)答疑解惑,更能領(lǐng)取免費(fèi)課程

相關(guān)問題

更多課程

專業(yè)課程老師將第一時(shí)間為您解答

立即答疑
修改
優(yōu)就業(yè):ujiuye

關(guān)注中公優(yōu)就業(yè)官方微信

  • 關(guān)注微信回復(fù)關(guān)鍵詞“大禮包”,領(lǐng)80G學(xué)習(xí)資料