課程
/前端開發(fā)
/Bootstrap
/基于bootstrap的網(wǎng)頁開發(fā)
為什么我的圖片居中不了呀?
2016-08-22
源自:基于bootstrap的網(wǎng)頁開發(fā) 3-7
正在回答
你可以給整個加一個ID然后給id設(shè)置樣式,比如這樣
?<div class="container" id="cont1">?? ??? ?<div class="row">?????? ??? ?<div class="col-md-4 col-xs-12">?????????? ??? ?<img src="images/chrome.png" alt="chrome">????????????? ...??????????? </div>??????????? <div class="col-md-4 col-xs-12">?????????? ??? ?<img src="images/firefox.png" alt="chrome">??????????????? ...??????????? </div>??????????? <div class="col-md-4 col-xs-12">?????????? ??? ?<img src="images/ie.png" alt="chrome">???????????? ...??????????? </div>??????? </div>
在head里面加樣式:<style>#cont1{ text-align:center;}</style>
也可以直接在<div class="container">這個標簽里面的class添加"text-center"的類,來使得文字和圖片都居中
舉報
Bootstrap框架的基礎(chǔ)教程,學(xué)會用Bootstrap前端框架搭建網(wǎng)頁
1 回答圖片居中不了
6 回答bootstrap圖像居中
1 回答為什么出來的標簽頁題目不居中
1 回答為什么我的圖片運行出來超級大
1 回答求解答?如果我有6個圖片怎么弄?每個給他設(shè)置成col-md-2;窗口縮小圖片不居中
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-08-22
你可以給整個加一個ID然后給id設(shè)置樣式,比如這樣
?<div class="container" id="cont1">
?? ??? ?<div class="row">
?????? ??? ?<div class="col-md-4 col-xs-12">
?????????? ??? ?<img src="images/chrome.png" alt="chrome">
????????????? ...
??????????? </div>
??????????? <div class="col-md-4 col-xs-12">
?????????? ??? ?<img src="images/firefox.png" alt="chrome">
??????????????? ...
??????????? </div>
??????????? <div class="col-md-4 col-xs-12">
?????????? ??? ?<img src="images/ie.png" alt="chrome">
???????????? ...
??????????? </div>
??????? </div>
在head里面加樣式:<style>#cont1{ text-align:center;}</style>
2016-11-24
也可以直接在<div class="container">這個標簽里面的class添加"text-center"的類,來使得文字和圖片都居中