居中
来源:互联网 发布:监控录像分析软件 编辑:程序博客网 时间:2024/05/01 01:28
1.块元素文字居中
文字居中 text-align:center
line-height=块的高度
块居中margin:0. auto
只能在子元素比父元素小,在父元素中居中
只能水平居中
2.万能居中方法:
首先移动子元素宽度(高度)的一半left:50%
再移动父元素宽度(高度)的一半margin-left:-宽/2
局限性必须要知道子元素的宽(高)
垂直不能使用相对定位,相对定位不脱离文档流
margin-top 子元素会传递给父元素
3.绝对居中:
子元素必须比父元素小(子元素宽高必须知道)
position:fixed
margin:auto
left,top,right,bottom:0
文字居中 text-align:center
line-height=块的高度
块居中margin:0. auto
只能在子元素比父元素小,在父元素中居中
只能水平居中
2.万能居中方法:
首先移动子元素宽度(高度)的一半left:50%
再移动父元素宽度(高度)的一半margin-left:-宽/2
局限性必须要知道子元素的宽(高)
垂直不能使用相对定位,相对定位不脱离文档流
margin-top 子元素会传递给父元素
3.绝对居中:
子元素必须比父元素小(子元素宽高必须知道)
position:fixed
margin:auto
left,top,right,bottom:0
阅读全文
0 0
- 居中
- 居中
- 居中
- 居中
- 居中
- 居中
- 居中
- 居中
- 居中
- 居中
- 居中
- 水平居中,垂直居中
- 水平居中垂直居中
- div代码居中 上下居中 左右居中
- 居中(水平居中+垂直居中)
- css居中控制 水平居中 垂直居中
- css img 居中/水平居中/垂直居中
- 窗口居中
- 把中断路由到对应的cpu上
- 融合车牌识别算法的PC端车牌识别SDK
- cpu-tlb-缓存-窗口通路
- [HNOI2008]GT考试
- 盒子模型
- 居中
- Linux--系统网络测试和测试工具
- 【普及模拟】城市连接
- 多核初始化过程
- 大数据概述
- 单词查找树
- 【普及模拟】生产武器
- 【NLP】play with stanford nlp
- Phone List