【Html】垂直居中-父元素高度确定的多行文本(方法二)
来源:互联网 发布:淘宝卖家编辑宝贝尺码 编辑:程序博客网 时间:2024/06/01 19:34
在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell,激活 vertical-align 属性,但注意 IE6、7 并不支持这个样式。
html代码:
<div class="container"> <div> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> </div></div>
css代码:
<style>.container{ height:300px; background:#ccc; display:table-cell;/*IE8以上及Chrome、Firefox*/ vertical-align:middle;/*IE8以上及Chrome、Firefox*/}</style>
这种方法的好处是不用添加多余的无意义的标签,但缺点也很明显,它的兼容性不是很好,不兼容 IE6、7。
0 0
- 【Html】垂直居中-父元素高度确定的多行文本(方法二)
- 【Html】垂直居中-父元素高度确定的多行文本(方法一)
- 垂直居中-父元素高度确定的多行文本(方法二)
- 垂直居中-父元素高度确定的多行文本(方法一)
- 垂直居中-父元素高度确定的多行文本
- 认识css样式(垂直居中-父元素高度确定的多行文本)
- 父元素高度确定的多行文本方法二
- 父元素高度确定的多行文本垂直居中显示
- 【Html】垂直居中-父元素高度确定的单行文本
- 未知高度多行文本垂直居中
- 未知高度多行文本垂直居中
- 未知高度多行文本垂直居中
- 多行文本未知高度垂直居中-
- 任意高度图片垂直居中、多行文本垂直居中
- CSS多行文本垂直居中的方法
- css多行文本的垂直居中方法
- 垂直居中-父元素高度确定的单行文本
- 多行文本固定高度的居中
- org.springframework.transaction.UnexpectedRollbackException: Transaction rolled back because it has
- 那些年被导师坑过的研究生,你们还好吗
- 设计模式--单例模式
- 生成随机串
- shiny server安装 配置 管理
- 【Html】垂直居中-父元素高度确定的多行文本(方法二)
- 如何使用Ubuntu Night配置sources.list
- 分别使用java和JS获取某月的第一天和最后一天
- vitual box 及 ubuntu 安装及使用教程以及常见error
- Linux设备驱动程序
- UIBezierPath Class Reference翻译
- Anti-nim博弈 John poj3480
- Android类动态加载技术
- jQuery的deferred对象详解