css多行文本垂直居中
2016-03-31 00:00
381 查看
1. .outer { display:table; width:578px; overflow:hidden; background: #eee; height: 42px; } .middle {display:table-cell; vertical-align:middle; margin-left 10px;} /*下面的CSS是针对IE7,IE6*/<!--[if lte IE 7]> <style> .outer{position:relative;} .middle{position: absolute; top: 50%;} .inner{position: relative; top:-50%} </style> <![endif]--> 2.(ie8+) .outer{ height: 271px; line-height: 271px; font-size: 0px; } #special-price .special-price-content .content li .mask p { font-size: 16px; line-height: 1.5; display: inline-block; vertical-align: middle; }
相关文章推荐
- CSS命名
- CSS命名
- JS样式--切换特效
- CSS书写规范、顺序和命名规则
- CSS布局学习笔记之position
- CSS3超酷移动手机滑动隐藏側边栏菜单特效
- 推荐7个 CSS3 制作的创意下拉菜单效果
- css中文本超出部分省略号代替
- 流式布局之2009年语法-------------------CSS3盒模型display:box
- CSS3 timing-function: steps() 详解
- CSS3学习笔记(一)--2015-12-3【新浪云搬运】
- CSS3学习笔记(二)2015-12-9【从新浪云搬运】
- HTML+CSS基础篇(五)——十天精通CSS
- CSS选择器大全
- css之calc();
- css如何控制div完全居中
- css 只改变父元素的透明度,不改变子元素透明度rgba+opacity
- HTML+CSS基础篇——小技巧集合
- HTML+CSS基础篇(四)——编码规范
- css3 字体旋转