星空网 > 软件开发 > 网页设计

旧盒子复习

旧盒子:

父元素:display:-webkit-box;(主轴为水平==-webkit-box-orient:horizontal),此时可以用此效果加overflow:hidden做简单的轮播图;

交叉轴:-webkit-box-align:stretch(拉伸,子元素没有设定高度时),start,end,center,baseline;

主轴上:(如果想要看到效果就不要给子元素设置box-flex)-webkit-box-pack:start(默认),end center,justify

当定义主轴为竖直方向时:-webkit-box-orient:vertical ;此时交叉轴和主轴的方向互换。

-webkit-box-direction:normal,reverse(反向)子元素的排列顺序;

子元素:-webkit-box-flex:integer;声明自己占的份数,如果子元素的总宽度超过父元素,则超过的部分除以相应的份数的值为X,然后各个子元素在设定的宽度的基础上减少相对应的份数乘X.

-webkit-box-flex-group:integer(默认为1)首先必须有box-flex,然后在子元素中寻找值最大 的那个子元素,领其宽度为其内容的宽度(如果无内容,padding,border则不存在),然后剩下的子元素按照其所占的box-flex的份数进行分配。

-webkit-box-ordinal-group:integer;子元素的排列顺序,数值小的在前面,相同的按照文档流的顺序,默认值为1,可接受的最小值也为1,如果小于1则按照默认值算。

---------------------------------------------------------

 

 

 

 

 




原标题:旧盒子复习

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

警惕!新型国际贸易骗术不断升级,外贸企业当心!:https://www.ikjzd.com/articles/16484
越南可成为中国跨境电商采购供应链中的重要分支:https://www.ikjzd.com/articles/1648489555176398849
突发!一艘集装箱船搁浅后断裂沉没,众多集装箱落水!:https://www.ikjzd.com/articles/16485
2023年深圳境外返程投资备案办理步骤解读:https://www.ikjzd.com/articles/1648502900944216065
亚马逊推出欧洲急速拓展计划(EEA),卖家仅需两次点击即可畅销欧洲:https://www.ikjzd.com/articles/1648506495538241537
参展的外贸人希望你勇敢大胆地说,把客户当成朋友一样交流:https://www.ikjzd.com/articles/1648519147241631745
TikTok 将推出先买后付服务 :https://www.goluckyvip.com/news/188219.html
深圳有没有比较好玩的景点 深圳有没有比较好玩的景点推荐一下:https://www.vstour.cn/a/366175.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流