css居中代码有：1、“vert ical -align:middle”；2、“dis play :flex”；3、给父元素设置“display:table”，子元素设置“display:table-cell”可实现CSS垂直居中 等等 。
本教程操作环境：Windows7系统、HT ML 5 && CSS3版，DELL G3 电 脑。
推荐：css视频教程
通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有 一点 需要格外注意，vertical 生效 的前提是元素的display：inline-block。因为inline-block可以兼具 行内元素 和块级元素的特点，能够使得元素有 宽 度和高度。从而在 盒子 内能够实现居中
通过display:flex实现CSS垂直居中的方法是给父元素display:flex;而子元素align -s elf: center ;
这个跟CSS水平居中的原理是一样的，只是在flex-direction上有所差别，一个是row(默认值)，另外一个是column。
给父元素display:table，子元素display：table-cell的方式实现CSS垂直居中，表格也是常用的居中模式，缺点就是会对下面的元素某些样式造成一定的影响，不推荐经常使用这个方式。
先给父元素pos IT ion:relative，再给子元素position:absolute，通过translateY即可定位到垂直居中的位置。这个是纵轴居中，由CSS3的新特性translate，可以 改变 元素在纵轴上的偏移。
设置子元素的line-h ei ght值等于父元素的height，这种方法适用于子元素为单行文本的情况。同样也是纵轴居中。
括展资料：
层叠样式表(英文全称：Cas CAD ing Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或 XM L（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
以上就是css居中代码 是什么 的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 css居中代码是什么 全部内容，希望文章能够帮你解决 css居中代码是什么 所遇到的问题。
如果觉得 网站内容还不错，欢迎将 推荐好友。