大佬教程收集整理的这篇文章主要介绍了html – CSS,vertical-align:中间带引导程序,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Bootstrap(3 RC2),我想将图像垂直对齐到一行的中间.
<div class="row"> <div class="col-xs-10 col-md-6" id="main"> <p><img src="http://placekitten.com/500/700" alt="" width="500" height="700" /></p> </div> <div class="col-xs-1 col-md-1" style="display: inline-block; vertical-align: middle;"> <img src="http://placekitten.com/100/116" width="100" height="116" /> </div> </div>
第二个较小的图像应垂直居中在div.row的中间.但是,它似乎不起作用.你可以用这个小提琴看到问题:http://jsfiddle.net/veQKY/2/
要求不破坏Bootstrap的响应性,即当使用宽度较小的设备时,第二个图像应在第一个图像下方水平装订.
.centerFlex { /* Internet Explorer 10 */ display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; /* Firefox */ display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari,Opera,and Chrome */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; /* W3C */ display:box; box-pack:center; box-align:center; } http://jsfiddle.net/veQKY/2/ check this link worked
以上是大佬教程为你收集整理的html – CSS,vertical-align:中间带引导程序全部内容,希望文章能够帮你解决html – CSS,vertical-align:中间带引导程序所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。