首页 > 代码库 > 各种居中问题
各种居中问题
1、单独文字垂直居中我们只需要设置CSS样式line-height属性即可。
2、文字与图片同排，在设置div高度同时再对此css样式的图片“img”样式设置vertical-align:middle垂直居中属性，如.yangshi img{vertical-align:middle;} 。
3 不确定宽度的块级元素设置水平居中的方法，绝对定位术：
div{position:relative;}
img {
display: block;
position: absolute;
width: 200px;
height: 400px;
top: 50%;
left: 50%;
margin-left: -100px; /* 宽度的一半 */
margin-top: -200px; /* 高度的一半 */ }
以上方法的水平居中都可以在父元素设置text-align：center来实现。
以上方法的水平居中都可以在父元素设置text-align：center来实现。
各种居中问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。