·¢ÎÄÕÂÖУ¬Í¼Æ¬°Ñdiv³ÅÆÆÁ˵Ľâ¾ö°ì·¨ css´úÂë
·¢ÎÄÕÂÖУ¬Í¼Æ¬°Ñdiv³ÅÆÆÁ˵Ľâ¾ö°ì·¨
ÔÀ´Í¼Æ¬×ÔÊÊÓ¦¿í¶ÈÒ»°ã¶¼ÊÇͨ¹ýJavascriptÀ´½â¾öµÄ£¬µ«ÊǶàÉÙ»¹ÊDZȽÏÂé·³¡£»¹ÓÐÒ»ÖÖͨ¹ýÉèÖÃÍâ²ãÈÝÆ÷overflow:hiddenÊôÐÔÀ´½â¾ö£¬µ«ÊÇÕâÑù»áµ¼ÖÂͼƬÏÔʾ²»È«µÄÎÊÌâ¡£½ñÌì¿´µ½ÁËÒ»ÖÖеĽâ¾ö°ì·¨£¬Í¨¹ýCSSÀ´½â¾öÕâ¸öÎÊÌâ¡£
CSS´úÂë
img{
max-width:500px;
width:expression_r(document.body.clientWidth>500?"500px":"auto");
}
Ïà¹ØÎĵµ£º
×÷ÕߣºIIduce À´Ô´£ºcss9 ʱ¼ä£º2009-12-21 ÔĶÁ£º601 ´Î ÔÎÄÁ´½Ó [ÊÕ²Ø]
×î½ü²úÆ·ÖÐÐèÒª¼ÓÈë“Ò»¸öÁбíÏÔʾÑùʽ¿ìËÙÇл»”µÄ¹¦ÄÜ£¬ÕýºÃÔÚÕâÆªÎÄÕÂÖп´µ½ÁËËüµÄʵÏÖ·½Ê½£¬¸Ð¾õºÜ²»´í¡£
ÕâÆªÎÄÕ½²ÊöµÄÊÇÈçºÎͨ¹ýCSSºÍJQueryÀ´ÊµÏÖÔ ......
<style type="text/css">
.worksbox{width:114px;height:114px;position:relative;}
.worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;}
.worksbox a:hover{border:1px solid #000;background-color:#333;text-decoration: none;}
.worksbox a span{display:none; text-al ......
.
Transparent
{
width
: 16px
;
height
: 42px
;
background
: transparent
url(images/transparent.png)
no-repeat
;
}
*
html
.
Transparent
{
&nbs ......
+++ ÿ¸ãITµÄÈ˶¼ÖªµÀB/SϵͳµÄDIV+CSS½á¹¹£¬ÖªµÀËüµÄºÃ¡£µ«Èç¹ûÄãÎÊ£¬DIV+CSS½á¹¹ÊÇʲô£¿ºÃÔÚÄÄÀï?ʵ¼ÊÏîĿӦ¸ÃÈçºÎÌåÏÖ»òʵÏÖ£¿Ã¿¸öÈ˶¼ÄܺÍÄã°×»ï¼¸¾ä£¬ÓÐЩÈËÉõÖÁ»áÌÏÌϲ»¾ø£¬¶øÍùÍùÕâЩÌÏÌϲ»¾øµÄÈËÒ²Ö»ÊÇÌýÁíһЩÌÏÌϲ»¾øµÄÈË˵µÄ£¬½ö½öÊÇ“½ÓÊÕ”²¢“½ÓÊÜ”ÁËÐÅÏ¢£¬That is all£¬¾ÍÏñÒ»ÕÅ´ÅÅÌ£ ......
TABLE{
BORDER-RIGHT: #888 1px solid;
BORDER-TOP: #888 1px solid;
MARGIN-TOP: 10px;
BORDER-LEFT: #888 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #888 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-COLLAPSE: collapse;
}
TABLE PRE {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PA ......