CSSÑùʽÎļþÔÚ¾½ÆÈÖеÄÒýÓÃ
ÔÚ½«htmlÒ³Ãæ×ª»»³ÉjspÒ³Ãæºó£¬ÒýÓõÄCSSÎļþµÄÑùʽ¶¼Ã»ÓÐÁË£¬ÇëÅóÓÑÃǰïæ½â¾öһϣ¡ÏÈлÁË£¡
È·ÈÏ·¾¶Ò»Ö¶øÒÑ£¬Ð´·¨ÊÇÒ»ÑùµÄ
àŠ·¾¶ÊÇÎÊÌâ
ÎÒÔÙ¿´¿´Ð»Ð»£¡
1 CSS·¾¶ÒýÓÃÎÊÌâ
Java code:
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
×¢ÒâÕâÀïµÄbasePath ÊǸù·¾¶£¬Í³Ò»ÏÂËùÓÐ CSS µÄ../·¾¶ »»³É <%=basePath %>
2 ÎÒÓöµ½¹ý£¬CSSÑùʽÔõôÒýÓö¼Ã»ÓÐ´í£¬µ«ÊÇCSSÑùʽÉèÖö¼²»Æð×÷ÓÃ
Java code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
ÄǾÍ×¢ÒâÏÂÄãµÄJSPÎļþ£¬ÉÏÃæµÄÕⲿ·ÖËü»áÓ°Ïì´úÂëÑéÖ¤£¬²¢¾ö¶¨ÁËä¯ÀÀÆ÷×îÖÕÈçºÎÏÔʾÄãµÄwebÎĵµ¡£¡£¡£
лÁË£¬ÎÊÌâ½â¾öÁË¡£
ÊÇÒòΪDreamweaver²»Çø·Ö´óСд£¬jspÇø·Ö£¡
·¾¶ÎÊÌ⣡
Ïà¹ØÎÊ´ð£º
ÃÀ¹¤ÔÚIE6ÏÂ×öµÄhtmlÒ³,ÀïÃæÓõ½ÁËCSSÑùʽ
ÎÒÔÚIE7ÏÂÓÃvisual studio 2008×öaspxÒ³,ÀûÓÃÁËÉÏÃæµÄÒ³Ãæ²¼¾Ö,ÎÒÖ»ÊÇÔÚvs.netÏÂд´úÂë
ÏÖÔÚÒ³ÃæÔÚIE7ÏÂÄÜÕý³£ÔËÐÐ,¿ÉÊÇÔÚIE6Àï¾ÍÏÔʾ²»³ÉÑù×Ó,¿´ÄÇÑù×ÓÊÇÒýÓò»ÁË ......
Ö±½Ó¿´²»µ½µÄ»°£¬http://hiphotos.baidu.com/%CB%AE%CC%EC/pic/item/bd10cdfc07c1c4d2fc037f24.jpg
ҪʵÏÖͼƬÖеÄÈýÖÖЧ¹û£º
1¡¢buttonµÄÑùʽ
2¡¢¸Ä±äÏÂÀÁбí¿ò Ñùʽ
3¡¢¾ÍÊÇÊó±ê·Åµ½×ÖÌåÉÏʱÏÔʾ ......
¶ÔCSSÄÜ¿´¶®£¬µ«Ò»Ð©ÊôÐÔ»¹ÊDz»Äܹ»ÍêÈ«Àí½â¡£
×Ô¼ºÖ»»áдЩ³£ÓõÄCSS¡£»¹Ã»´ïµ½´´ÔìºÍ´´Ðµĵز½¡£
ËùÒÔÏëÎÊϸ÷λǰ±²£¬Ó¦¸Ã¿´ÄDZ¾Êé½ÏºÃÄØ£¿
½¨Òé²»ÂòÊéÍøÉÏÕҽ̳Ì×Ôѧ£¬Õâ¸ö¶«Î÷²»ÊǺÜÄÑ£¬¶àÁ·Ï°¾Í»áÁË
......
ÔõôÑùÄÜÈÃÎҵĵã»÷Á´½Ó²»±ä»ÒÉ«£¡£¡
±ÈÈ磺
index.jspÒ³ÃæÐ§¹û
Ê×Ò³ ÐÂÎÅ ²úÆ· ½â¾ö·½°¸
ÎÒÊó±ê·ÅÔÚÊ×Ò³µÄʱºòËü±ä»ÒÉ«£¬µ±ÎÒµã»÷Ê×Ò³µÄʱºòÒ²ÊDZä»ÒÉ ......
[CSSÑùʽ±í]±í¸ñÇ¿ÖÆ²»»»ÐÐ
table{
width:30em;
table-layout:fixed;/* Ö»Óж¨ÒåÁ˱í¸ñµÄ²¼¾ÖË㷨Ϊfixed£¬ÏÂÃætdµÄ¶¨Òå²ÅÄÜÆð×÷Óᣠ*/
}
td{
width:100%;
word-break:keep-all;/* ²»»»ÐÐ */ ......