实现一个工作中需要用到的小布局,晚上在家里赶工,明天上班需要
<?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>