一个flex小表格布局
发布时间:2020-12-15 03:41:46 所属栏目:百科 来源:网络整理
导读:实现一个工作中需要用到的小布局,晚上在家里赶工,明天上班需要 ?xml version="1.0" encoding="utf-8"?mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundColor="#ffffff"mx:Style.inSty{text-align:center;border-st
实现一个工作中需要用到的小布局,晚上在家里赶工,明天上班需要 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundColor="#ffffff"> <mx:Style> .inSty{ text-align:center; border-style:solid; border-color:#2BFF01; vertical-align:middle; horizontal-align:center; background-color:#B8B1B1; } .inStyContent{ text-align:center; border-style:solid; border-color:#2BFF01; vertical-align:middle; horizontal-align:center; background-color:#ffffff; } .ousty{ vertical-align:middle; vertical-gap:0; horizontal-align:center; horizontal-gap:0; border-style:inset; border-color:blue; border-sides:0.5; } .moddlesty{ vertical-align:middle; vertical-gap:0; horizontal-gap:0; horizontal-align:center; horizontal-gap:0; } </mx:Style> <mx:HBox width="1000" height="132" backgroundColor="#ffffff" styleName="ousty" > <mx:VBox width="10%" height="100%" styleName="moddlesty"> <mx:VBox width="100%" height="43" styleName="inSty"> <mx:Text text="xxxxxx"/> </mx:VBox> <mx:VBox width="100%" height="43" styleName="inSty"> <mx:Text text="xxxxxx" /> </mx:VBox> <mx:VBox width="100%" height="43" styleName="inSty"> <mx:Text text="xxxxxx" /> </mx:VBox> </mx:VBox> <mx:VBox width="30%" height="100%" styleName="moddlesty"> <mx:VBox width="100%" height="43" styleName="inStyContent"> <mx:Text text="xxxxxx"/> </mx:VBox> <mx:VBox width="100%" height="43" styleName="inStyContent"> <mx:Text text="xxxxxx" /> </mx:VBox> <mx:VBox width="100%" height="43" styleName="inStyContent"> <mx:Text text="xxxxxx" /> </mx:VBox> </mx:VBox> <mx:VBox width="60%" height="100%" styleName="moddlesty"> <mx:VBox width="100%" height="43" styleName="inSty"> <mx:Text text="xxxxxx"/> </mx:VBox> <mx:VBox width="100%" height="86" styleName="inStyContent"> <mx:Text text="xxxxxx" /> </mx:VBox> </mx:VBox> </mx:HBox> </mx:Application> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |