Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ÓÃcssÉèÖõÄTABLE±ß¿ò¸ñʽ´úÂë

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;
PADDING-LEFT: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
WIDTH: auto;
PADDING-TOP: 0px;
BACKGROUND-COLOR: transparent;
BORDER-RIGHT-WIDTH: 0px;
}
TABLE TH {
BORDER-RIGHT: #888 1px solid;
PADDING-RIGHT: 15px;
BORDER-TOP: #888 1px solid;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
VERTICAL-ALIGN: baseline;
BORDER-LEFT: #888 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #888 1px solid;
BACKGROUND-COLOR: #ccc;
}
TABLE TD {
BORDER-RIGHT: #aaa 1px solid;
PADDING-RIGHT: 15px;
BORDER-TOP: #aaa 1px solid;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
VERTICAL-ALIGN: text-top;
BORDER-LEFT: #aaa 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #aaa 1px solid;
BACKGROUND-COLOR: #efefef;
}


Ïà¹ØÎĵµ£º

ʹÓÃCSSºÍJQueryÇáËÉÇл»ÍøÒ³ÏÔʾÑùʽ


×÷ÕߣºIIduce   À´Ô´£ºcss9   ʱ¼ä£º2009-12-21   ÔĶÁ£º601 ´Î  Ô­ÎÄÁ´½Ó   [ÊÕ²Ø]  
×î½ü²úÆ·ÖÐÐèÒª¼ÓÈë“Ò»¸öÁбíÏÔʾÑùʽ¿ìËÙÇл»”µÄ¹¦ÄÜ£¬ÕýºÃÔÚÕâÆªÎÄÕÂÖп´µ½ÁËËüµÄʵÏÖ·½Ê½£¬¸Ð¾õºÜ²»´í¡£
ÕâÆªÎÄÕ½²ÊöµÄÊÇÈçºÎͨ¹ýCSSºÍJQueryÀ´ÊµÏÖÔ ......

css ³¬¹ý¿í¶ÈµÄÎÄ×ÖÏÔʾµãµã

text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
½âÊÍһϣº
text-overflow £ºellipsis; //ÈýضϵÄÎÄ×ÖÏÔʾΪµãµã¡£»¹ÓÐÒ»¸öÖµÊÇclipÒâ˼Êǽضϲ»ÏÔʾµãµã
white-space : nowrap; //ÈÃÎÄ×Ö²»»»ÐÐ
overflow : hidden; //³¬³öÒªÒþ²Ø
ÒªÏÔʾΪµãµã£¬3¸öȱһ²»¿É£¬»¹ÓУ¬³ýÁËfirefox,operaÆäËûä¯ ......

firefoxÓëIE¶ÔjavascriptºÍCSSµÄÇø±ð

1. document.formName.item("itemName") ÎÊÌâ
˵Ã÷:IEÏÂ,¿ÉÒÔʹÓÃdocument.formName.item("itemName")»òdocument.formName.elements["elementName"];
FirefoxÏÂ,Ö»ÄÜʹÓÃdocument.formName.elements["elementName"].
½â¾ö·½·¨:ͳһʹÓÃdocument.formName.elements["elementName"].
2.¼¯ºÏÀà¶ÔÏóÎÊÌâ
˵Ã÷:IEÏÂ,¿É ......

DIVºÍCSS¾ÓÖÐ

¡¡¡¡ÔÚWeb±ê×¼ÖеÄÒ³Ãæ²¼¾ÖÊÇʹÓÃDivÅäºÏCSSÀ´ÊµÏֵġ£ÕâÆäÖÐ×î³£Óõ½µÄ¾ÍÊÇʹÕû¸öÒ³ÃæË®Æ½¾ÓÖеÄЧ¹û£¬ÕâÊÇÔÚÒ³Ãæ²¼¾ÖÖлù±¾£¬Ò²ÊÇ×îÓ¦¸ÃÊ×ÏÈÕÆÎÕµÄ֪ʶ¡£²»¹ý£¬»¹ÊǾ­³£»áÓÐÈËÎʵ½Õâ¸öÎÊÌ⣬ÔÚÕâÀïÎÒ¼òµ¥×ܽáÒ»ÏÂʹÓÃDivºÍCSSʵÏÖÒ³ÃæË®Æ½¾ÓÖеķ½·¨£º
¡¡¡¡Ò»¡¢margin:auto 0 Óë text-aligh:center
¡¡¡¡ÔÚÏÖ´úä¯ÀÀÆ÷£¨È ......

¡¾×ª¡¿ÓÅ»¯CSSµÄÍøÒ³äÖȾËٶȵÄ11ÖÖ·½·¨


1¡¢Ê®Áù½øÖƵÄÑÕɫֵ¶ÔλÊýÓë´óСд
±àдʮÁù½øÖÆÑÕɫֵʱÄã¿ÉÄÜ»áÓÃСд×Öĸ»òÊ¡ÂÔ³É3λÊý£¬¹ØÓÚÕâд·¨Ã»ÕÒµ½È·ÊµµÄÊý¾ÝÖ¤Ã÷¶Ôä¯ÀÀÆ÷µÄäÖȾЧÂÊÊÇ·ñÓÐÓ°Ï죬µ«Ê®Áù½øÖƵÄÑÕɫֵĬÈϱê×¼ÊÇ´óд¼°6λÊý±ê×¢¡£ÔÚδ֪Çé¿öϲ»Ï£ÍûðÏÕ¶ø½µµÍÁËäÖȾµÄЧÂÊ¡£
* ²»ÔÞ³É - color:#f3a;
* ½¨ÒéÓà - color:#FF33AA;
2¡¢disp ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ