CSS小贴士(垂直居中和百分比下调整盒模型填充)
来源:互联网 发布:刚开始做淘宝卖什么好 编辑:程序博客网 时间:2024/06/05 22:47
最近写代码用到的一些小技巧吧
先是垂直居中
position: absolute;top: 50%;margin-top: -350px;height: 700px;
首先设置绝对定位,之后top50%到中间,之后上移本身高度的一半便可以做到垂直居中
百分比调整和模型填充,我经常使用百分比,但有时候加入填充就会是内容超过外部div等,但又没办法很好的控制盒模型大小,因为是百分比,所以就可以使用下面代码
box-sizing:border-box;padding: 20px;//将padding也计算到盒模型的大小上,妈妈再也不用担心了
0 0
- CSS小贴士(垂直居中和百分比下调整盒模型填充)
- css的div垂直居中的方法,百分比div垂直居中(推荐translate)
- CSS+DIV调整图片样式垂直居中
- CSS水平居中和垂直居中解决方案(转)
- CSS水平居中和垂直居中解决方案(转)
- css水平和垂直居中
- css的div垂直居中的方法,百分比div垂直居中
- css的div垂直居中的方法,百分比div垂直居中
- css的div,文本 垂直居中的方法,百分比div垂直居中
- css的div垂直居中的方法,百分比div垂直居中
- div垂直居中的方法(css的),百分比div垂直居中,html5
- css的div垂直居中的方法,百分比div垂直居中
- css的div垂直居中的方法,百分比div垂直居中
- css的div垂直居中的方法,百分比div垂直居中
- div+css垂直居中和水平居中
- css 水平居中和垂直居中
- CSS设置水平居中和垂直居中
- CSS垂直居中和水平居中
- 苹果的玫瑰金与小米的粉色版
- 位运算及其应用详解
- [Leetcode]Closest Binary Search Tree Value
- 数据挖掘(8):朴素贝叶斯分类算法原理与实践
- Remove Duplicates from Sorted Array
- CSS小贴士(垂直居中和百分比下调整盒模型填充)
- 数据挖掘(9):BP神经网络算法与实践
- tablebview滚动到顶部
- 通过串口终端操作开发板
- 个人学习笔记---linux内核同步
- 查询表上的约束
- hdu 5014 贪心
- Remove Element
- 「两个指针的应用」最短摘要的生成