ÔÚÍøÒ³ÀïʹÓÃtableµÄʱºò£¬Ñùʽһ°ã±È½ÏÄѹÜÀí£¬ÒòΪtableµÄÓÐЩÑùʽÓëÆäËü¿Ø¼þ²»Ì«Ò»Ñù
1¡¢tableµÄ·ÖÍâ±ß¿ò£¬tr±ß¿ò£¬td±ß¿ò£¬ËüÃÇÖ®¼ä¶¼ÊÇÓмä¾àµÄ
2¡¢Äã¿ÉÒÔÖ¸¶¨ËüÃÇÖ®¼äµÄ¼ä¾àΪ0£¬µ«µ±ÄãÉèÖñ߿òʱ£¬»á·¢Ïֱ߿òÊÇ2px¿íµÄ£¬ÒòΪÔÚtableÀtr¡¢tdµÈÔªËØÊÇÏàÁÚµÄ
ËùÒÔÏë×öÒ»¸öºÃ¿´µÄtableÑùʽ¿ÉÒԲο¼ÒÔϵIJ½Ö裺
1¡¢tableÉèÖÃ
border-collapse:collapse; /*ÉèÖüä¾àΪ0*/
border: 1px solid #808080; /*ÉèÖÃtableµÄ×îÍâ²ã±ß¿ò*/
2¡¢trÉèÖÃ
/*ÉèÖÃtrµÄÉϱßÓëϱßÑùʽ*/
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #808080;
border-bottom-color: #808080;
3¡¢th,tdÉèÖÃ
/*ÉèÖÃth,tdµÄ×ó±ßÓëÓÒ±ßÑùʽ*/
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #808080;
border-left-color: #808080;
4¡¢.NoBorderÀàÉèÖÃ
/*ÉèÖò»ÏÔʾ±ß¿òµÄÑùʽ*/
.NoBorder {
border-top-styl ......
Öð½¥Ï²»¶ÉÏpadding ËäÈ»Ëü²¢²»ÍêÃÀ£¬ÈκÎÊÂÎï¶¼ÓÐÁ½ÃæÐÔ£¬ÎÞËùν¶Ô´í£¬¹Ø¼üÊÇÒªÓöԵط½£¡
padding ºÍ marginÏà±È½Ï£¬padding ¿ÉÒÔ½«div µÈ³ÅÆðÀ´Õ¼ÓÃʵ¼Ê¿Õ¼ä£¬¶ømarginÔò±È½ÏСÐÄ¡£
µ«ÊǾÍÊÇpaddingÕâµãȱ°ïÎÒ½â¾öÁËÒ»¸öinput ºÍ submitµÄ¶ÔÆëÎÊÌâ¡£ ......
ÖÕÓÚ°ÑËüд³öÀ´ÁË¡£¹þ¹þ
<div style="width:100%;height:100%;position:relative;overflow:hidden;"
><br style="line-height:0;"
/><div style="position:relative;top:50%;left:50%;"><br style="line-height:0;"
/><div style="position:relative;
background-color:Yellow;
height:200px;width:200px;
margin-top:-100px;margin-left:-100px;overflow:auto;"
><br style="line-height:0;"
/><div>
Ãû³Æ£º<asp:TextBox runat="server" ID="name"></asp:TextBox>
</div>
<br />
<div>
ÏÔʾÃû£º<asp:TextBox runat="server" ID="TextBox1">< ......
1¡¢ÓÃpanel,label,button,textinput×齨²¼¾Ö£¬ÈçÏÂͼ£º
2¡¢ÉèÓû§Ãû¡¢ÃÜÂë¡¢ÑéÖ¤ÂëËù¶ÔÓ¦µÄtextinputµÄid·Ö±ðΪuserName¡¢pasWord¡¢inVal;ÉèÓÃÓÚÏÔʾÑéÖ¤ÂëµÄlabel×齨µÄidΪ£ºval.
²¼¾Ö´úÂëÈçÏ£º
<s:Panel x="126" y="98" width="250" height="200" id="login" title="Óû§µÇ¼" includeIn="login">
<s:Label x="26" y="21" text="Óû§Ãû£º"/>
<s:Label x="26" y="51" text="ÃÜ Â룺"/>
<s:TextInput id="userName" x="82" y="19"/>
<s:TextInput id="pasWord" x="82" y="46"/>
<s:Button x="26" y="104" label="Ìá½»"/>
<s:Button x="140" y="104" label="ÖØÉè" />
<s:Label x="26" y="79" text="ÑéÖ¤Â룺"/>
<s:TextInput x="82" y="73" width="52" id="inVal"/>
<s:Label x="140" y="80" id="val" color="red"/>
<s:Button x="178" y="73" label="»»" width="32"/>
</s:Panel>
3¡¢ ......
Ê×ÏȽ¨Á¢²å¼þÎļþ´æ·ÅĿ¼£º
D:\eclipse_plugins\flex3\eclipse\features
D:\eclipse_plugins\flex3\eclipse\plugins
ÒÔÉÏ·¾¶¸ù¾Ý±¾»úʵ¼ÊÇé¿öÈ·¶¨
È»ºó°ÑFlex Builder3 ÖеÄÎļþ¿½±´µ½¶ÔӦĿ¼Ï£º
D:\IDE\Flex Builder 3\features\com.adobe * -> D:\eclipse_plugins\flex3\eclipse\features
D:\IDE\Flex Builder 3\plugins\com.adobe * -> D:\eclipse_plugins\flex3\eclipse\plugins
½áÊøºó£¬ÔÚeclipseĿ¼Ï½¨Á¢Îļþ¼Ðlinks
È»ºó½¨Á¢Îļþflex.link
ÎļþÄÚÈÝΪ path=D:\\eclipse_plugins\\flex3
±£´æÎļþ
È»ºóÖØÐÂÆô¶¯eclipse£¬Äã»á·¢ÏÖFlex±»¼ÓÔØ½øÈ¥ÁË
ÖÁÓÚ°²×°Flex Builder 3 µÄĿ¼£¬½¨Òé±£Áô£¬ÒòΪflex µÄ sdk»¹ÔÚÀïÃæ
×¢Ò⣺ÔÚ±à¼flex.linkÎļþʱ£¬Ò»¶¨²»ÒªÂ©Ð´“path=”£¬Õâ¾ÍÊÇÎÒµ±³õ·¸µÄ´íÎó£¬Íü¼ÇдÁË£¬ËùÒÔ£¬²»ÂÛ×öʲô£¬Ò»¶¨Òª×Ðϸ£¡ ......
Ò»¡¢×¼±¸¹¤×÷£º
ËùÐèÒªµÄÈí¼þ£º
Eclipse 3.5.2 : http://d2u376ub0heus3.cloudfront.net/eclipse/downloads/drops/R-3.5.2-201002111343/eclipse-SDK-3.5.2-win32.zip
Eclipse 3.5ºº»¯°ü£ºhttp://eclipse.stu.edu.tw/technology/babel/babel_language_packs/BabelLanguagePack-eclipse-zh_3.5.0.v20091121043401.zip
FlexBuilder3 beta2 ²å¼þ°æ: ed2k://|file|%5BFlex.Builder.3.Eclipse%E6%8F%92%E4%BB%B6%E7%89%88%5D.FB3_WWEJ_Plugin.exe|365201784|62707d4dba2f46e31f943d58904c955e|h=c3t7ufizhn2d2fv6jnpaocquyrgyean6|/
MyEclipse 7.0£ºed2k://|file|[MyEclipse].myeclipse-7.0-win32.exe|665499410|a9dbef5973806a4f50abc2f94ee3353d|h=56to6aiim4dnnutbut46qkchigjqcol4|/
BlazeDS.war£ºhttp://flexorg.wip3.adobe.com/blazeds/3.0.x/milestone/3978/blazeds-bin-3.2.0.3978.zip
Tomcat 6£ºhttp://labs.renren.com/apache-mirror/tomcat/tomcat-6/v6.0.26/bin/apache-tomcat-6.0.26-windows-x86.zip
¶þ¡¢°²×°¹ý³Ì£º
1. °²×°MyEclipse
2. °²×°FlexBuilder3 beta2 ²å¼þ° ......