码迷,mamicode.com
首页 > 其他好文 > 详细

各种居中问题

时间:2016-09-19 10:02:40      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

1、单独文字垂直居中我们只需要设置CSS样式line-height属性即可。

2、文字与图片同排,在设置div高度同时再对此css样式的图片“img”样式设置vertical-align:middle垂直居中属性,如.yangshi img{vertical-align:middle;} 。

3 不确定宽度的块级元素设置水平居中的方法,绝对定位术:

div{position:relative;}
img {
    displayblock;
          positionabsolute;
          width200px;
          height400px;
          top50%;
          left50%;
          margin-left-100px/* 宽度的一半 */
          margin-top-200px/* 高度的一半 */ }

以上方法的水平居中都可以在父元素设置text-align:center来实现。
 

各种居中问题

标签:

原文地址:http://www.cnblogs.com/annie211/p/5883851.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!