响应式图片如何响应？
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个人网页制作步骤
建一个自己的网站的想法很早就有了，可无奈非科班，一些基础的东西并不了解，就一直搁置着。之后又经历过不少几次的尝试和失败，又在他人的帮助下，有了确切的方向，开始了自己网站运营的摸索之…
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。