­ì¹Ï

ª`·N¡Gºt¥Ü®ÄªG·|¦]¦UÂsÄý¾¹ªº¤ä´©±¡ªp¦Ó¦³©Ò¤£¦P¡A¶K¤º¤@¤Áªººt¥Ü®ÄªG¥H­ì¹Ï¬°·Ç¡AÁÂÁ¡C

¦h­Ódiv¥ª¥k¦}±Æ¤Î¸m¤¤

ºt¥Ü¡G¼ÒÀÀ«Ì¹õ 320 x 200¡A­Yx4=1280 ª`·N:¶À®Ø¬O¥D¯À§÷div ¨S³]width height:120¡C 1 2 3 4 5 6 7

¬Ýºt¥Ü¡G7­Ó¬õ¦âdiv³£¬Owidth:50px;height:50px; ¥Õ¦âdiv¤ºªº¤¸¯À³£¸m¤¤¤F
¬°¤F¯à®e¯Ç¬õ¦âdivªºborder: 3px ©Ò¥H¥Õ¦âdiv³]width:220px;height:110px;
¯à±Æ¶i4­Ó¬õ¦âdiv¤F§a ¦Ó¶À®Øªº¥Ddiv°ª«×120 ¬Ý¨ì³Q¬õ¦âdiv·¸¥X¦h¤Ö¤F§a
°Ñ¼Æ¦p¤U

CODE:  [Copy to clipboard]

---

<div style="height:120;border: 3px solid yellow;text-align: center;">
<div style="width:220px;height:110;border: 3px solid white;">
  <div style="float:left;width:50px;height:50px;border: 3px solid red;">1</div>
  <div style="float:right;width:50px;height:50px;border: 3px solid red;">2</div>
  <div style="float:left;width:50px;height:50px;border: 3px solid red;">3</div>
  <div style="float:right;width:50px;height:50px;border: 3px solid red;">4</div>
  <div style="float:right;width:50px;height:50px;border: 3px solid red;">5</div>
  <div style="float:left;width:50px;height:50px;border: 3px solid red;">6</div>
  <div style="width:50px;height:50px;border: 3px solid red;">7</div>
</div>
</div>