摘要:
垂直居中是一个历史悠久的大问题,要做到兼容所有浏览器少不了要花点时间,网上也流传了很多解决方案,但没发现比我现在用的方案更完美,至少在我的项目是如此。项目中要用到垂直居中而碰到兼容性问题的,一般都是以下几种情况:1、换行文字垂直居中2、图片垂直居中以上都是在固定宽高的容器里垂直居中,不然的话margin,padding便可实现。解决垂直居中无非就从几个方面入手,利用行高等于容器高度,模拟表格单元格特性,定位,css3的display:box一、换行文字垂直居中方法1:结合表格单元格特性和定位来实现CSS代码:/*换行文字垂直居中*/.vc-font1{border:1px solid blac 阅读全文
摘要:
换行文字垂直居中1换行文字垂直居中,兼容所有浏览器换行文字垂直居中2换行文字垂直居中,兼容所有浏览器固定宽高图片垂直居中1固定宽高图片垂直居中2图片自适应容器宽高垂直居中CSS3垂直居中 想居中就居中,爽啊! 阅读全文