博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
dispaly属性,position属性
阅读量:6756 次
发布时间:2019-06-26

本文共 660 字,大约阅读时间需要 2 分钟。

position:absolute;绝对定位相对于父元素(父元素设为relative)

position:relative;相对定位相对于自己

position:fixed;固定定位相对于浏览器

display:inline;行内元素,不换行,text-align:center不起作用

display:block;块级元素,换行,能设置宽高

display:inline-block;能设置宽高,不换行,text-align:center起作用

注意,如果父元素不设置高度的话,子元素浮动,或者绝对定位的话,撑不开父元素的高度,最终父元素的高度为0

自适应居中

等待钣金
12
.content .title span{position: relative;top:12px;height:15px;line-height: 15px;} .content .title span:last-child{display:inline-block;font-size: 14px;color:white;border-radius: 15px; background-color:#c19b74;width:27px;} 上下左右自适应
       
Document
只是对img有用

转载于:https://www.cnblogs.com/windseek/p/6008833.html

你可能感兴趣的文章
C#.net地址传参汉字乱码解决方案
查看>>
20155229《网络对抗技术》Exp:网络欺诈防范
查看>>
【本周面试题】第3周 - 浏览器相关面试题
查看>>
Struts13---Ognl
查看>>
11 Best CSS Frameworks For Making Your Website Stylish
查看>>
原型——设计思维之建立模型
查看>>
centos 7.2 同步北京时间 ,多台机器同步时间
查看>>
centos 7 设置开机启动脚本
查看>>
网络之 Iptables总结
查看>>
oracle之 安装 11G RAC 报 NTP failed
查看>>
Centos6.5环境下安装redis单机版以及Jedis连接
查看>>
『004』索引-Python
查看>>
常用的正则表达式(方便自己看)
查看>>
android中判断sim卡状态和读取联系人资料的方法【转】
查看>>
golang slice 切片原理
查看>>
ab命令压力测试
查看>>
让div span等元素能响应键盘事件
查看>>
mongodb修改器
查看>>
iOS blocks - 三個會造成retain cycle的anti patterns
查看>>
基于任务模型的软件开发
查看>>