IFC布局特点
2024-08-28 02:45:46
IFC(inline formatting context),行内格式化上下文
特点:
1.内联元素在水平线上一个接一个排列
2.内部元素水平方向上的margin、padding、border有效,垂直方向上无效
3.垂直方向上有多种对齐方式: 顶部、底部、基线。。
4.每一列元素构成一个line box,line box的宽度由包含其元素的宽度及有没有float元素决定,高度由内部最高元素决定
5.line box的高度足以包含其内部容器,也肯比他们都高(例如基线对齐),内部容器的垂直位置由其vertial-align决定
6. 一般情况下,line-box的左/右边缘挨着包含其的元素的左/右边缘,但若有浮动元素,会插入左/右边缘之间
7.当line box足以包含其所有子元素,子元素的排列方式由text-align决定
8.当line box内部元素宽度超出line box宽度,此行内框会被分割,且在被分割不为没有视觉效果,若不可分割,则溢出/打断
最新文章
- 深入理解javascript原型和闭包(1)——一切都是对象
- GitHub for windows 使用方法
- java中多线程中Runnable接口和Thread类介绍
- 小结:kmp
- linux源码组织
- CF 501C Misha and Forest 好题
- JUC回顾之-ThreadPoolExecutor的原理和使用
- 如何开启Centos6.4系统的SSH服务
- prestashop二次开发 笔记(支付插件)
- javascript 的对象
- 关于windows系统影子账户的问题
- 第07周-集合与GUI
- bind、apply与call
- Python基础:数据类型-字符串(7)
- 面试 -- 关于Activity的相关知识
- Windows上Kafka运行环境安装
- spring.factories
- js判断手机是安卓还是ios
- Redis Cluster在线迁移
- 网站流量分析指标-PV/UV/PR/ip分析及区别