溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編就為大家帶來一篇bootstrap中怎樣讓圖片居中的文章。小編覺得挺不錯的，為此分享給大家做個參考。一起跟隨小編過來看看吧。
如果您使用的是Bootstrap 3中,您可能遇到這么一個問題，你可以使用.text-center對文字居中對齊，圖片卻無法居中對齊，要解決這個問題你可以需要做很多事件，比如在img外加個div，再通過圖片寬高大小等做調整等。
Bootstrap 3中有一個非常簡單的方法就能實現圖片響應式的水平垂直居中對齊，把圖片添加css類img-responsive center-block即可實現，來看看吧。
在Bootstrap 3要使圖片對齊,你可以試試下面的代碼:
Bootstrap v3.0.1介紹。使用center-block類，您可以將圖對齊到容器的中心。下面是例子:
<img src="圖片地址" class="img-responsive center-block" />
以上就是bootstrap中怎樣讓圖片居中的具體操作，代碼應該是足夠清楚的，而且我也相信有相當的一些例子可能是我們日常工作可能會見得到的。通過這篇文章，希望你能收獲更多。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
