CSS设置行内元素和块级元素的水平居中、垂直居中
2016-11-22 16:35
651 查看
CSS设置行内元素的水平居中
CSS设置行内元素的垂直居中
既要水平居中又要垂直居中
CSS设置块级元素的水平居中
CSS设置块级元素的垂直居中
div{text-align:center} /*DIV内的行内元素均会水平居中*/CSS设置行内元素的垂直居中
div{height:30px; line-height:30px} /*DIV内的行内元素均会垂直居中*/既要水平居中又要垂直居中
div{text-align:center; height:30px; line-height:30px}CSS设置块级元素的水平居中
div p{margin:0 auto; width:500px} /*块级元素p一定要设置宽度，
才能相当于DIV父容器水平居中*/CSS设置块级元素的垂直居中
div{width:500px} /*DIV父容器设置宽度*/
div p{margin:0 aut0; height:30px; line-height:30px} /*块级元素p也可以加个宽度，
以达到相对于DIV父容器的水平居中效果*/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS设置行内元素和块级元素的水平居中、垂直居中
- CSS内联元素、块级元素的水平居中和垂直居中方法总结
- CSS里的各种水平垂直居中基础写法心得分享（附内联元素，块级元素的基本概念）
- CSS实现垂直居中的常用方法 在前端开发过程中，盒子居中是常常用到的。其中 ，居中又可以分为水平居中和垂直居中。水平居中是比较容易的，直接设置元素的margin: 0 auto就可以实现。但是垂直
- css实现块级元素水平和垂直居中
- CSS里的各种水平垂直居中基础写法心得分享（附内联元素，块级元素的基本概念）
- CSS设置元素水平居中、垂直居中方式汇总
- CSS里的各种水平垂直居中基础写法心得分享（附内联元素，块级元素的基本概念）
- CSS里的各种水平垂直居中基础写法心得分享（附内联元素，块级元素的基本概念）
- css设置元素水平垂直居中的方法
- CSS未知宽高元素水平垂直居中
- CSS 定宽块状元素的水平居中设置
- css 未知尺寸元素水平垂直居中（只针对inline,inline-block,table-cells）
- CSS设置水平居中和垂直居中
- 探究css中各种情况下的元素的垂直和水平居中的问题(面试题)
- 巧用translate设置元素垂直水平居中
- CSS控制元素的在页面中水平、垂直居中
- CSS元素水平垂直居中方法总结（主要对大漠以及张鑫旭博客所述方法进行了归纳）
- 编写css让一个已知宽高的div元素水平居中？垂直居中