将下面代码改为flex4对应的能运行的代码

2016-04-06 01:33:44 124 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Bootstrap 4 Flex布局详解 Flex布局，即弹性布局，是一种CSS3布局方式，它允许开发者轻松创建灵活的布局。Flex布局的核心思想是将容器和子项的关系从传统的块状布局模型转变为轴对齐的布局模型。在Flex布局中，容器称为Flex容器，子项称为Flex项目。Bootstrap 4的Flex布局为开发者提供了强大的响应式布局能力。通过合理运用Flex布局组件和属性，可以轻松构建出美观、灵活的响应式网站。本文详细介绍了Bootstrap 4的Flex布局，希望对开发者有所帮助。阅读详情

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:fc="http://www.adobe.com/2006/fc"
xmlns:tx="com.ted.text.*"
xmlns:flexlib="http://code.google.com/p/flexlib/"
layout="absolute"
backgroundGradientAlphas="[0.78, 0.64]"
backgroundGradientColors="[#2C7A5C, #E2E176]"
creationComplete="init();">
<mx:Script source="as/ActionAlert.as"/>
<mx:Script source="as/message.as"/>

</mx:Script>
<mx:Style source="css/default_styles.css"/>
<mx:HTTPService id="srv"
url="./Message/checkMessage.do"
showBusyCursor="false"
method="POST"
result="getJsonData(event);"/>
<mx:ApplicationControlBar height="25"
bottom="0"
left="0"
cornerRadius="0"
right="0">
<mx:Canvas width="100%"
height="21">
<mx:Label id="labLoginfo"
text=""
fontSize="10"
bottom="2"
right="114"
width="347"/>
<mx:Label id="labValidatorInfo"
fontSize="10"
bottom="2"
left="173"
right="366"/>


</mx:Canvas>
<mx:LinkButton label="WHM v1.0"
click="version_infoCicke()"
height="16"/>
</mx:ApplicationControlBar>
<mx:HDividedBox id="hDividedBox"
bottom="27"
top="42"
left="0"
right="0"
dropShadowEnabled="false">
<mx:HBox id="lBox"
width="170"
height="100%">
<mx:Panel width="100%"
height="100%"
layout="absolute"
title="功能菜单"
titleIcon="@Embed(source='images/cog_edit.png')">
<mx:Accordion id="menu"
left="0"
right="0"
change="{change('')}"
top="0"
bottom="0">
</mx:Accordion>
</mx:Panel>
</mx:HBox>
<mx:HBox width="100%"
height="100%">
<mx:Panel width="100%"
height="100%"
layout="absolute"
title="工作区"
titleIcon="@Embed(source='images/ws.png')"
id="pnlWorkSpace">
<flexlib:SuperTabNavigator left="0"
top="0"
bottom="0"
right="0"
id="tabNavigator"
doubleClick="closeTab(event)"
doubleClickEnabled="true"
closePolicy="{SuperTab.CLOSE_ALWAYS}"
stopScrollingEvent="{MouseEvent.MOUSE_OUT}"
startScrollingEvent="{MouseEvent.MOUSE_OVER}"
styleName="TabNavPl">
</flexlib:SuperTabNavigator>
</mx:Panel>
</mx:HBox>
</mx:HDividedBox>
<mx:ApplicationControlBar height="34"
left="0"
right="0"
top="0"
cornerRadius="0"
id="apbTop">
<mx:Canvas width="100%"
height="23"
fontWeight="normal">
<mx:LinkButton label="布局"
right="72"
top="0"
icon="@Embed(source='images/layout.png')"
fontWeight="normal"
color="#FFFFFF"
id="btnLayout"
click="changeLayout()"/>
<mx:LinkButton label="帮助"
right="133"
top="-1"
click= "openChm()"
icon="@Embed(source='images/about.gif')"
fontWeight="normal"
color="#FFFFFF"/>
<mx:LinkButton label="退出"
right="2"
top="0"
icon="@Embed(source='images/16_close.gif')"
id="btnExit"
click="exit()"
fontWeight="normal"
color="#FFFFFF"/>
<mx:Label x="52"
y="3"
text="Win Shine Warehouse"
fontWeight="bold"
color="#FDFACB"
fontFamily="Arial"
fontStyle="italic"
fontSize="15"/>
<mx:PopUpMenuButton dataProvider="{dpTools}"
fontStyle="normal"
fontWeight="normal"
fillAlphas="[0.0, 0.0, 0.0, 0.0]"
top="0"
right="208"
icon="@Embed(source='images/toolbox.png')"
label=" "
borderColor="#7DA88B"
itemClick="openTool_Click(event)"
id="edtToolsBox"/>
</mx:Canvas>
</mx:ApplicationControlBar>
<mx:Image source="images/logo1.png"
x="2"
y="-1"/>
</mx:Application>

...全文