关于DIV内文字垂直居中的写法
2014-02-26 21:04
239 查看
最近在写UI,或多或少用到了CSS,在这记录一下,今天用到的DIV内文字垂直居中的写法,
因为所做的项目都是基于WebKit内核浏览器演示的,所以我们今天采用的是-webkit-box的写法:
上面这种写法适合高度不固定的情况。
如果是css2中呢,普遍的写法是,适用于高度固定的情况:
因为所做的项目都是基于WebKit内核浏览器演示的,所以我们今天采用的是-webkit-box的写法:
display: -webkit-box; /* 水平居中*/ -webkit-box-align: center; /* 垂直居中 */ -webkit-box-pack: center; /*flex需要写上,不写没作用*/ -webkit-box-flex: 1;
上面这种写法适合高度不固定的情况。
如果是css2中呢,普遍的写法是,适用于高度固定的情况:
/*水平居中*/ text-align:center /*我们假设div的高度是50,设置line-height和height相同就可以实现垂直居中*/ line-height:50px; height:50px;
相关文章推荐
- 关于DIV内文字垂直居中的写法
- 使文字在div中水平和垂直居中
- 文字或图片元素在DIV中垂直居中
- 文字以及div水平垂直居中
- div中 文字垂直居中的解决方案
- 文字在div中的垂直居中问题 div在页面中的水平垂直居中问题 vertical-align ??????
- div垂直居中的N种方法 单行/多行文字(未知高度/固定高度)
- div+css使多行文字垂直居中?
- 关于<img>标签与文字垂直居中
- 设置文字在div中垂直居中,使用line-height
- 实现DIV层内的文字垂直居中(转)
- 实现Div层里的文字垂直居中的方法
- 实现Div层里的文字垂直居中的方法
- 实现DIV内文字垂直居中
- div垂直居中的N种方法 单行/多行文字(未知高度/固定高度)
- 图片和文字在div中垂直居中
- div+css文字垂直居中
- DIV+CSS如何让文字垂直居中
- 实现DIV层内的文字垂直居中
- 00002、div的文字垂直居中与背景的渐变