在 Bootstrap 的栅格系统中如何将文字垂直居中?
代码:
......
测试文字
......
尝试用过了vertical-align: middle,但不管是加在
上都没有用。
也在 Segmentfault 上和其他地方找过了一些方法,但都有些问题。
于是尝试用 jQuery 与 CSS:
$(document).ready(function() {
$(window).resize(function() {
$('.inner').css({
margin-left: ($(window).width() - $('.inner').outerWidth()) / 2,
margin-top: ($(window).height() - $('.inner').outerHeight()) / 2
});
});
$(window).resize();
});
.inner {
position: absolute;
left: 50%;
top: 50%;
}
.outer {
position: relative;
}
结果虽然文字垂直居中了,但是又出现了新的问题:
整个页面右边出现了一条白边,用开发者工具看的时候发现这条白边在外面(?)
请问如何才能在不影响页面布局等的情况下将栅格中的文字垂直居中?非常感谢。
相关阅读:
Cordova + h5 + angularjs
微信中设置完不看对方朋友圈后返回朋友圈没有刷新就已经消失了时如何做到的?
webpakc react hmr 代码热替换遇到的问题
向分支上面提交了代码,github个人首页的Contributions不显示提交记录?
国内有适合全站启用https的视频外链服务吗?
应用中请求数据简繁体转换
正则表达式可以在查找的同时处理替换吗?
angularjs + ajax 数据不刷新,为什么
border-radius兼容性问题
- (id)copyWithZone: 和 + (id)copyWithZone: 的区别???
一道三目运算符问题
SemanticUI的Siderbar menu visible属性,怎么样在拉成手机大小的时候隐藏掉?
CentOS 6 drbd内核panic问题
如何用node写一个脚本
css相同特殊性
mysqldump 服务器csv格式数据
购物车的几段全选以及算总价格的js,jq代码正确运行,改成js不行。。求指教
帖子表和用户表都要用到用户头像
那么问题来了:内存泄露排查工具到底哪家强?
mongoDB创建新的空数据库有没有存储起来?