響應式圖片如何響應？
Bootstrap框架來制作響應式網站（或稱之為響應式網頁排版）真的很方便，特別是對于圖片，用一個css類.img-responsive就可以實現響應（自動隨屏幕縮放，姑且這樣理解），一行代碼就實行了，如同使用html標簽一樣，不需要考慮邏輯。如下：
<img src=”..” class=”img-responsive” />
響應式圖片如何居中？
圖片居中在網頁制作中是常常會用到的，那響應式圖片要如何居中呢？也很簡單，用一個css類.center-block就行了。代碼如下：
<img src=”…” class=”img-responsive center-block” />
這一行代碼讓圖片響應且居中。so easy!
但是問題也會來了！
1.那Bootstrap常用的.text-center類行不行（能不能讓響應式圖片居中）呢？
答案是：通常情況下，.text-center類用于文字居中，對于非響應式圖片，會起作用，而對于響應式圖片，則不起作用。
2.那.center-block 類換一個位置，會不會影響響應式圖片的居中呢？
答案是：會的。比如：<div class=“center-block”><img class=“img-responsive”src=“…” /></div>這樣就會失效。
為什么？
不要問那么多。上面標紅的代碼就是正確標準的。收藏好本頁響應式圖片居中的核心技巧，網站制作時有需要時，順手一抄完事。
相關推薦
自己如何建立一個網站（最簡單的HTML建站的代碼和建站方法）
無論是個人還是企業，如果沒有接觸過建站的話，一般都很想知道如何從零開始搭建自己的網站，都有哪些步驟？每一步需要做什么？網站是怎么做出來和上線的？ 企業建站的基礎3元素，分別是域名，…
HTML5從入門到精通的書籍（附：html5學習VIP視頻教程）
隨著科學技術與信息技術急速地發展，IT行業不僅需要理論知識，更需要技術過硬、綜合能力強的實用性人才。為了解決高校畢業生求職時常常因技術經驗不足而被拒之門外這一現象的問題，由千鋒教研…
學校網站模板免費下載（教育網站html源碼）
現如今網站建設真是越來越簡單了，只需要套用網站模板就可以完成網站建設，所以現在大部分的企業都會有自己專屬的網站，當用戶有需要的時候就會前往這些網站進行瀏覽。如今的社會對教育是比較看…
html網站制作案例（精選20個網站建設成功模板）
很多初學者喜歡自己看安裝視頻，研究如何搭建一個網站，因為這樣不僅能夠學到一些關于網站建設的一些基礎知識，還能夠省下一大筆成本。其實如果是搭建一個模板網站并不需要會太高端的編程技術，…
卡片式布局的優點有哪些，html如何實現卡片布局
UI布局有許多種形式，而卡片式作為目前比較常見的一種，也有著它適用和不適用的場景 前言：哪些是卡片 說到卡片式設計，大家的第一反應可能是下面這樣的頁面。 而從廣義上來說，以分隔條分…
個人網站制作方法有哪些，html個人網頁制作步驟
建一個自己的網站的想法很早就有了，可無奈非科班，一些基礎的東西并不了解，就一直擱置著。之后又經歷過不少幾次的嘗試和失敗，又在他人的幫助下，有了確切的方向，開始了自己網站運營的摸索之…
版權聲明：本文內容由互聯網用戶自發貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容， 請發送郵件至 舉報，一經查實，本站將立刻刪除。