bootstrap之怎樣讓圖片居中-創新互聯

今天小編就為大家帶來一篇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中怎樣讓圖片居中的具體操作，代碼應該是足夠清楚的，而且我也相信有相當的一些例子可能是我們日常工作可能會見得到的。通過這篇文章，希望你能收獲更多。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片