100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html文字竖直书写 css 文字竖直居中的写法和图片垂直居中代码(图文)

html文字竖直书写 css 文字竖直居中的写法和图片垂直居中代码(图文)

时间:2019-05-12 18:32:57

相关推荐

html文字竖直书写 css 文字竖直居中的写法和图片垂直居中代码(图文)

界面上文章左右居中使用text-aligin:center,上下竖直居中的写法如下,

图片垂直居中的代码

文字、图片居中显示的方法

.content{

height: 40px;

line-height: 40px;

border:1px double #abc;

}

.myimg{

/*非IE的主流浏览器识别的垂直居中的方法*/

display: table-cell;

vertical-align:middle;

text-align:center;

/* 针对IE的Hack */

*display: block;

*font-size: 175px;/*约为高度的0.873,200*0.873 约为175*/

*font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/

height:500px;

border: 1px solid #eee;

}

.myimg img{

vertical-align:middle;

}

aaaaaaaAAAAAAAA

垂直居中显示效果如下:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。