cvmachine.com - 申博开户网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:CSS display box新属性怎么样?

CSS display box新属性怎么样?

2018-06-20 11:20:33 来源:www.cvmachine.com 【

CSS display box新属性怎么样?

一、display:box;

在元素上设置该属性,可使其子代排列在同一水平上,类似display:inline-block;。

二、可在其子代设置如下属性

前提:使用如下属性,必须在父代设置display:box;

1.box-flex:number;

1)占父级元素宽度的number份

2)若子元素设置固定宽度,则该子元素应用固定宽度,其他未设置固定宽度的字元素将余下的父级宽度(父级-已设置固定宽度的子代元素的总宽度按number占份数

3)若子元素有margin值,则按余下(父级宽度-子代固定总宽度-总margin值)宽度占number份

2.box-orient:horizontal/vertical

在父级上设置该属性,则子代按水平排列或竖直排列。

注:所有主流浏览器不支持该属性,必须加上前缀。

1)horizontal 水平排列,子代总width=父级width。若父级固定宽度,则子代设置的width无效,子代会撑满父级宽度。

2)vertical 垂直排列,子代总height=父级height。若父级固定高度,则子代设置的height无效,子代会撑满父级高度。

3.box-direction:normal/reverse

在父级上设置该属性,确认子代的排列顺序。

1)normal 默认值,子代按html顺序排列

2)reverse 反序

4.box-align:start/end/center/stretch

在父级设置,子代的垂直对齐方式。

1)start 垂直顶部对齐

2)end 垂直底部对齐

3)center 垂直居中对齐

4)stretch 拉伸子代的高度,与父级设置的高度一致。子代height无效。

5.box-pack:start/end/center

在父级设置,子代的水平对齐方式。

1)start 水平左对齐

2)end 水平右对齐

3)center 水平居中对齐

总结

以上所述是小编给大家介绍的css display:box 新属性,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对申博开户网站的支持!

 

本文地址:http://www.cvmachine.com/dnjc/98912.html
Tags: css display 详解
编辑:申博开户网
188bet uedbet 威廉希尔 明升 bwin 明升88 bodog bwin 明升m88.com 18luck 188bet 澳门彩票 unibet unibet Ladbrokes Ladbrokes 12bet 真钱的棋牌游戏 casino m88明升 明升 明升 m88.com 188bet m88 明陞 uedbet赫塔菲官网 365bet官网 nba英文官网 嘉年华官网 皇冠备用 火箭队官网 中国人论坛 bet 单双公式 博彩资讯网 w88优德 港京印刷图库 澳门足球盘 球盘 娱乐场 联众网站 沙龙365 7080棋牌游戏 真钱 澳门回归日期 大众娱乐网 卡宾官方旗舰店 mg电子 全亚洲首选288x nba即时比分 本港 中国足彩竞猜网 斗地主规则 七星彩论坛图规 网上赌博 单双规律 沈泳 华夏娱乐网 明升备用网址 梦网书城 盈禾国际 明升体育 博狗沃鑫 卡宾官方旗舰 信誉赌场 球探比分网 竞彩论坛空间 三亚娱乐 soutec 北京福利彩票 澳门彩票公司 北京pk10 凤凰 纸牌小游戏 皇冠现金代理 银河国际亚洲首选288x 三六八高手论坛 空中城市 赌球心得 188比分 让球规则 三星娱乐城 诺贝尔娱乐城 今天有nba直播吗 5060全讯网 新世纪 久乐娱乐场 世界杯盘口 易胜博 麻将单机版 华人娱乐总站 财神爷心水论坛 巴特 澳门百利宫 明升 红姐统一主图库 九龙老牌图库 打牌 娱乐王子 娱乐真人 亚豪平台 真人娱乐 飞禽走兽老虎机 188bet下载 博发娱乐城 北单 陈怀生 比分188 百万图库 老挝赌博 pc蛋蛋注册 天上人间娱乐 红姐统一图库 产业新闻网 葡京
推广内容
推荐阅读
热门推荐
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部