首页 > 教程 > 关键词  > CSS3最新资讯  > 正文

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

2010-05-20 15:27 · 稿源:imbolo

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

在需用使用灵活盒子模型的时候,我们需要先把其父容器的Display属性设置为box或者inline-box...

我们知道,在默认的情况下,block级元素是按照加载顺序从上到下排列,inline级元素是从左到右排列的,但现在通过box-direction属性我们可以让最后加载的block级元素显示在最顶部,最后加载的inline级元素显示在左边...

但在使用这个属性的时候要注意它可能会改变元素的某些属性,产生一些不能控制的效果...

效果大家可以看这个DEMO...

通过box-ordinal-group为各个容器指定一个序号,默认情况下他们将会按照序号递增的顺序排列...

在上面的CSS里,我把第一和第二个容器的序号都定为2,第三个容器序号为1,因此最终效果应该是v3排在第一,v1和v2则根据加载顺序,v1排在v2前面...

......

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

举报

  • 相关推荐
  • 大家在看

今日大家都在搜的词:

热文

  • 3 天
  • 7天