displayª©¥»¡GCSS1/CSS2¡@ Ý®e©Ê¡GIE4+ NS4+¡@Ä~©Ó©Ê¡G¦³
»yªk¡G
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
¨úÈ¡G
block | :’Â |
CSS1 | ¶ô¹ï¶HªºÀq»{È¡C±N¹ï¹³±j»s§@¬°¶ô¹ï¹³§e»¼¡A¬°¹ï¹³¤§«á²K¥[·s¦æ |
none | :’Â |
CSS1 | ÁôÂùï¶H¡C»P visibility ÄݩʪºhiddenȤ£¦P¡A¨ä¤£¬°³QÁôÂ꺹ï¶H«O¯d¨äª«²zªÅ¶¡ |
inline | :’Â |
CSS1 | ¤ºÁp¹ï¶HªºÀq»{È¡C±N¹ï¹³±j»s§@¬°¤ºÁp¹ï¹³§e»¼¡A±q¹ï¹³¤¤§R°£¦æ |
inline-block | :’Â |
IE5.5 | ±N¹ï¹³§e»¼¬°¤ºÁp¹ï¶H¡A¦ý¬O¹ï¶Hªº¤º®e§@¬°¶ô¹ï¹³§e»¼¡C®ÇÃ䪺¤ºÁp¹ï¹³·|³Q§e»¼¦b¦P¤@¦æ¤º |
compact | :’Â |
CSS2 | ¥¼¤ä«ù¡C¤À°t¹ï¹³¬°¶ô¹ï¹³©Î°ò©ó¤º®e¤§¤Wªº¤ºÁp¹ï¹³ |
marker | :’Â |
CSS2 | ¥¼¤ä«ù¡C«ü©w¤º®e¦b®e¾¹¹ï¹³¤§«e©Î¤§«á¡Cn¨Ï¥Î¦¹°Ñ¼Æ¡A¹ï¹³¥²¶·©M :after ¤Î :before °°¤¸¯À¤@°_¨Ï¥Î |
inline-table | :’Â |
CSS2 | ¥¼¤ä«ù¡C±Nªí®æÅã¥Ü¬°µL«e«á´«¦æªº¤ºÁp¹ï¹³©Î¤ºÁp®e¾¹ |
list-item | :’Â |
CSS2 | ±N¶ô¹ï¹³«ü©w¬°¦Cªí¶µ¥Ø¡C¨Ã¥i¥H²K¥[¥i¿ï¶µ¥Ø¼Ð»x |
run-in | :’Â |
CSS2 | ¥¼¤ä«ù¡C¤À°t¹ï¹³¬°¶ô¹ï¹³©Î°ò©ó¤º®e¤§¤Wªº¤ºÁp¹ï¹³ |
table | :’Â |
CSS2 | ¥¼¤ä«ù¡C±N¹ï¹³§@¬°¶ô¤¸¯À¯Åªºªí®æÅã¥Ü |
table-caption | :’Â |
CSS2 | ¥¼¤ä«ù¡C±N¹ï¹³§@¬°ªí®æ¼ÐÃDÅã¥Ü |
table-cell | :’Â |
CSS2 | ¥¼¤ä«ù¡C±N¹ï¹³§@¬°ªí®æ³æ¤¸®æÅã¥Ü |
table-column | :’Â |
CSS2 | ¥¼¤ä«ù¡C±N¹ï¹³§@¬°ªí®æ¦CÅã¥Ü |
table-column-group | :’Â |
CSS2 | ¥¼¤ä«ù¡C±N¹ï¹³§@¬°ªí®æ¦C²ÕÅã¥Ü |
table-header-group | :’Â |
CSS2 | ±N¹ï¹³§@¬°ªí®æ¼ÐÃD²ÕÅã¥Ü |
table-footer-group | :’Â |
CSS2 | ±N¹ï¹³§@¬°ªí®æ¸}ª`²ÕÅã¥Ü |
table-row | :’Â |
CSS2 | ¥¼¤ä«ù¡C±N¹ï¹³§@¬°ªí®æ¦æÅã¥Ü |
table-row-group | :’Â |
CSS2 | ¥¼¤ä«ù¡C±N¹ï¹³§@¬°ªí®æ¦æ²ÕÅã¥Ü |
»¡©ú¡G
³]¸m©ÎÀ˯Á¹ï¶H¬O§_¤Î¦p¦óÅã¥Ü¡C
¹ï©ó¤U¦C¤¸¯À¨Ó»¡¡A¦¹ÄݩʪºÀq»{Ȭ°
block ¡G
ADDRESS QUOTE BODY XMP CENTER COL COLGROUP DD DIR DIV DL DT FIELDSET FORM Hn HR IFRAME LEGEND LISTING MARQUEE MENU OL P PLAINTEXT PRE TABLE TD TH TR UL
|
¹ï©ó¤U¦C¤¸¯À¨Ó»¡¡A¦¹ÄݩʪºÀq»{Ȭ°
none ¡G
BR FRAME nextID TBODY TFOOT THEAD
|
¹ï©ó¤U¦C¤¸¯À¨Ó»¡¡A¦¹ÄݩʪºÀq»{Ȭ°
list-item ¡G
¨ä¥L¤¸¯ÀÀq»{ȳ£¬O
inline ¡C
¦bIE6.0¥H«eªºª©¥»¤¤¡A
LI ¹ï¶HªºÀq»{Ȭ°
block ¡C
¦bIE4.0¤¤¡A
block ¡A
inline ¡A
list-item Ȥ£³Q¤ä«ù¡C¦ý¬O¹ï¹³¤´µM·|³Q§e»¼¡C
¦bIE5.0¤¤¶}©l¤ä«ù
block ©M
inline ¡C
¦bIE5.5¤¤¶}©l¤ä«ù
inline-block ¡C§A¥i¥H¨Ï¥Î
inline-block ¨Ï¹ï¹³Àò±o§G§½¦ÓµL»Ý«ü©w½T¤Áªº°ª(
height )©M¼e(
width )¡C
¦bIE6.0¤¤¶}©l¤ä«ù
list-item ¡C
©Ò¦³¥iµøªº¤åÀɹï¶H³£¬O¶ô¹ï¹³(block element)©ÎªÌ¤ºÁp¹ï¹³(inline element)¡C¨Ò¦p¡A
div ¬O¤@Ó¶ô¹ï¶H¡C
span ¬O¤@Ó¤ºÁp¹ï¶H¡C¶ô¹ï¶Hªº¯S¼x¬O±q·sªº¤@¦æ¶}©l¥B¯à¥]§t¨ä¥L¶ô¹ï¹³©M¤ºÁp¹ï¶H¡C¤ºÁp¹ï¹³³Q§e»¼®É¤£·|±q·s¦æ¶}©l¡A¯à°÷¥]§t¨ä¥L¤ºÁp¹ï¹³©M¼Æ¾Ú¡C
§ïÅܦ¹ÄÝ©Êȹï¨ä©P³ò¤º®e§G§½ªº¼vÅT¥i¯à¬O¡G
- ¦bÄÝ©Êȳ]¬° block ªº¹ï¶H«á±²K¥[·s¦æ¡C
- ±qÄÝ©Êȳ]¬° inline ªº¹ï¶H¤¤§R°£¤@¦æ¡C
- ÁôÂÃÄÝ©Êȳ]¬° none ªº¹ï¶H¨ÃÄÀ©ñ¨ä¦b¤åÀɤ¤ªºª«²zªÅ¶¡¡C
table-header-group ©M
table-footer-group ÄÝ©ÊÈ¥i¥Î¨Ó«ü©w·íªí®æ(
table )¸ó¶V¤F¦h¶®É¡A
tHead ©M
tFoot ¹ï¶Hªº¤º®e¦b¨C¤@¶³£Åã¥Ü¡C
¦¹Äݩʹï©ó
currentStyle ¹ï¹³¦Ó¨¥¬O¥uŪªº¡C¹ï©ó¨ä¥L¹ï¹³¦Ó¨¥¬O¥iŪ¼gªº¡C
¹ïÀ³ªº¸}¥»¯S©Ê¬°
display¡C
¥Ü¨Ò¡G
img { disply: block; float: right; }