3?? ??: ?? ???: ?? ?? ??: boxing ?? ??: boxed ?? ??: boxed
flex
?? [fleks] American [fl?ks] v. ??(??); ?? ???n. [??] ?? 3?? ??: ?? ?? ??: ?? ?? ??: ??
CSS ?? ??? ?? ???
??: ??? ?? ??? ??? ????? ??? ? ??? ??? ?????.
??: ??box-flex: value;
??: value ?? ??? ?? ????. ???? ??????. ?? ?? box-flex? 2? ?? ??? box-flex? 1? ?? ???? ? ? ? ?????.?
??: ?? ??? ??? ??? ????? ???? ?? ????? ??? ? ????. ??? ?? ??? ?? ??? ?? ??? ??? ???? ?? ??? ????. ?? box-flex ??? ???? ????? ????. Firefox? ?? -moz-box-flex ??? ?????. Safari, Opera ? Chrome? ?? -webkit-box-flex ??? ?????.
CSS ?? ??? ?? ?
<!DOCTYPE html>
<html>
<head>
<style>
div
{
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
width:300px;
border:1px solid black;
}
#p1
{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
box-flex:1.0;
border:1px solid red;
}
#p2
{
-moz-box-flex:2.0; /* Firefox */
-webkit-box-flex:2.0; /* Safari and Chrome */
box-flex:2.0;
border:1px solid blue;
}
</style>
</head>
<body>
<div>
<p id="p1">Hello</p>
<p id="p2">php中文網</p>
</div>
<p><b>注釋：</b>IE 不支持 box-flex 屬性。</p>
</body>
</html>???? ?? ?
??? ????? ??? "???? ??" ??? ?????