span在div内垂直居中
2016-04-18 10:32
197 查看
使用display:table-cell,span中内容无论多少,都可以垂直居中
<div style="display:table-cell;height:100px;font-size:12px;font-height:14px;vertical-align:middle;text-align:center">
<span>
ceshiceshi
</span>
</div>
另外,有设置line-height等于外面div的height方法,但是无法正常显示太长的内容
<div style="display:table-cell;height:100px;font-size:12px;font-height:14px;vertical-align:middle;text-align:center">
<span>
ceshiceshi
</span>
</div>
另外,有设置line-height等于外面div的height方法,但是无法正常显示太长的内容
相关文章推荐
- jQuery CSS()方法改变现有的CSS样式
- JavaScript实现动态创建CSS样式规则方案
- 批量修改标签css样式以input标签为例
- JavaScript修改css样式style动态改变元素样式
- JS修改css样式style浅谈
- jsp页面中插入css样式的三种方法总结
- csdn 博客的css样式 v3
- 分步介绍如何实现精美的带二级栏目的导航栏
- 强大的css选择器--css1-css3选择器总结
- 微信公众号开发样式失效问题
- 各大浏览器 CSS Hack 收集
- 手机web——自适应网页设计(html/css控制)
- 直接调用的CSS超级棒的哦,用过才知道,整理好久才整理出来的,下一篇会发使用说明
- 垂直居中显示的几个方法
- 第 2 章 CSS 样式基本知识
- CSS之可收缩的底部边框
- CSS3之创建透明边框三角
- css样式设置(居中)普通