課程
/前端開發
/Bootstrap
/基于bootstrap的網頁開發
為什么我的圖片居中不了呀?
2016-08-22
源自:基于bootstrap的網頁開發 3-7
正在回答
你可以給整個加一個ID然后給id設置樣式,比如這樣
?<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框架的基礎教程,學會用Bootstrap前端框架搭建網頁
1 回答圖片居中不了
6 回答bootstrap圖像居中
1 回答求解答?如果我有6個圖片怎么弄?每個給他設置成col-md-2;窗口縮小圖片不居中
1 回答為什么出來的標簽頁題目不居中
1 回答為什么我的圖片運行出來超級大
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-22
你可以給整個加一個ID然后給id設置樣式,比如這樣
?<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"的類,來使得文字和圖片都居中