站长之家 - 教程 2010-05-20 15:28

CSS3灵活的盒子模型(Flexible Box Module)–2

《CSS3灵活的盒子模型(Flexible Box Module)–2》文章已经归档,站长之家不再展示相关内容,下文是站长之家的自动化写作机器人,通过算法提取的文章重点内容。这只AI还很年轻,欢迎联系我们帮它成长:

继上一篇《CSS3灵活的盒子模型–1》后继续深入,说说CSS3里盒子模型的尺寸...

当父容器里有多个带有box-flex属性的子容器时,浏览器将会把这些子容器的box-flex的值相加,然后根据它们各自的值占总值的比例,再在父容器剩余的空间里分配它们的尺寸(说的啰嗦,其实一看DEMO就懂)...

由于使用了box-flex属性,如果再插入一个子容器的话,已有的容器宽度将会自动调整...

box-flex的另一个强大之处是可以和具有固定尺寸的容器混合使用...

box-pack属性可以用于设置子容器在水平轴上的空间分配方式,它共有四种可能值:start,end,justify和center...

在线的DEMO,大家可以Firebug禁用box-align和box-pack属性看看它们的区别和效果...

......

本文由站长之家用户“imbolo”投稿,本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间,为了保证文章信息的及时性,内容观点的准确性,平台将不提供完整的内容展现,本页面内容仅为平台搜索索引使用。需阅读完整内容的用户,请联系作者获取原文。

推荐关键词

24小时热搜

查看更多内容

大家正在看