0
0
(*-*)浩
发布时间：2019-07-18 09:58:24
|9573人浏览过
|来源于php中文网
原创
我们在用bootstrap排版内容的时候，有的时候在内容中需要图片水平居中显示。
一般情况下，我们的图片都使用了.img-responsive 类来实现图片响应式。（推荐学习：Bootstrap视频教程）
如果需要实现响应式图片水平居中，那么我们要使用 .center-block 类，不要用 .text-center
通过 .center-block 类实现响应式图片水平居中使用方法：
@@##@@
jquery鼠标悬停图片居中放大展示下载jquery鼠标悬停图片居中放大展示，适用于个人网站或者商城网站，在个人网站中相册的展示，突出显示个人的相片，商城中的产品信息，也可以通过突出显示产品图片，让产品显示的更加酷炫！
注：.center-block 类的放置位置。一定要放在标签中，如果放在外层，则不能实现居中。
例如，下边的代码则不能实现图片居中。
@@##@@
如果图片没有添加响应式类 .img-responsive，那么我们也可以使用.text-center来实现图片居中对齐：
@@##@@
更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！
相关文章
bootstrap抽样验证线性假设的方法
bootstrap法在生存分析中的应用实例
Stata中Bootstrap结果的统计显著性判断
bootstrap法计算模型R方的置信区间
bootstrap抽样用于模型比较的详细流程
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题深入讲解 C++ 中的高级模板编程与元编程技术，涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例，帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码，并提升代码的灵活性与性能。
15
2026.01.23
热门下载
相关下载
精品课程
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
