css几种方法使元素水平垂直居中
来源:互联网 发布:php打印空心菱形 编辑:程序博客网 时间:2024/05/30 05:21
闲来无事,好久没写css代码,感觉当初用习惯的,现在都忘了,现在自己网罗资料加上自己理解,来总结一下。
元素水平居中
先判断元素类型,若为块级元素,可以使用margin:0 auto;当然也可以将它变成内联块性质 display:inline-block,再用法二。
若为内联块元素,给它的父级设置text-align:center。’
元素垂直居中
可以使用display:table-cell,外加vertical-align:middle.就可以搞定。
当然元素若有固定高,也可以设置height:2px;line-height:2px.让元素或文字垂直居中。
我觉得用以上方法使元素水平垂直居中,比较简单。当然固定宽高的元素,也可以使用绝对定位或相对定位的方法
即设置元素水平位置:父级宽度*50%-元素宽度*50%,设置元素垂直位置:父级高度*50%-元素高度*50%,
我用的比较少,当然这也不失为一种方法。
若要元素既水平,又垂直居中,把方法结合使用即可,但元素性质要一致,否则不起效果。
0 0
- css几种方法使元素水平垂直居中
- 元素水平垂直居中的几种方法
- 几种可以让元素水平垂直居中的方法
- 几种可以让元素水平垂直居中的方法
- CSS使元素水平垂直居中的方法
- CSS中元素水平垂直居中4种方法介绍
- css元素水平垂直居中的十种方法
- 用css实现垂直水平居中的几种方法
- 【css】实现垂直水平居中的几种方法
- CSS实现水平垂直居中的几种方法
- CSS水平垂直居中的几种方法
- CSS水平垂直居中的几种方法
- css实现水平垂直居中的几种方法
- CSS几种常用水平垂直居中的方法
- CSS水平垂直居中的几种方法
- css控制元素垂直居中的几种方法
- CSS元素水平居中常用的几种方法
- 水平垂直居中的几种方法
- jvm垃圾收集小记
- java.util.Date和java.sql.Date的区别和相互转化
- Dotween插件使用
- 从0开始搭建坚不可摧的Web系统主流架构(2017-02-17 战学超)
- 波长
- css几种方法使元素水平垂直居中
- js 数组去重
- 开始软总线组件设计
- jenkins发布tomcat业务时报错stat unsupported or native support failed to load
- 树莓派+一根网线直连笔记本电脑
- 基于MCP2515的Linux CAN总线驱动程序设计(二)
- linux的find指令
- SQL Server 完美SPLIT函数
- 集群、分布式、负载均衡区别与联系