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

¹ØÓÚCSSÑùʽ³åÍ»µÄÎÊÌ⣨±íÍ·ºÍÁй̶¨µÄÎÊÌ⣩

ÏÖÓÐÎÊÌâÈçÏ£º
ÓÐÒ»¸ö±í¸ñ£¬±íÍ·¹Ì¶¨£¬ÉÏÏÂÍ϶¯µÄʱºò±íͷλÖò»±ä¡£
ÏÖÐèÒª×ö³É±íÍ·¹Ì¶¨£¬¶øÇÒµÚÒ»ÁÐÒ²¹Ì¶¨²»±ä£¬¶øÏÖÔÚÎÊÌâÈçÏ£º
Á½¸öCSSÑùʽ£º
.Freezing
{
    position: relative;
    table-layout: fixed;
    top: expression(this.offsetParent.scrollTop);
    z-index: 10;
    color: #11418d;
    background: url(../image/gvHeaderbg.gif) repeat-x;
    text-align: center;
    font: bold 12px/21px "ËÎÌå";
}
.fixedHeader
{
    position: relative;
    table-layout: fixed;
    top: expression(this.offsetParent.scrollTop);
    left: expression(this.offsetParent.scrollLeft);
    z-index: 11;
    color: #11418d;
    background: url(../image/gvHeaderbg.gif) repeat-x;
    text-align: center;
    font: bold 12px/21px "ËÎÌå";
}
ÎÒÏÈÔÚGridviewÉèÖÃÈçÏÂ
<HeaderStyle CssClass="Freezing" />

ºǫ́´úÂëÖÐÉèÖãº
gvwShow.Columns[0].HeaderStyle.CssClass = "fixedHeader";

µ«ÊÇΪʲô¸Ã±í¸ñµÄ±íÍ·Ö»ÓÐÉÏϹ̶¨£¬×óÓÒ²»¹Ì¶¨¡£

ÎÒÈÏΪ Ó¦¸ÃÊÇCSS³åÍ»ËùÖÁ¡£Íû´ïÈ˸ø°ïæ½â¾öÏ¡£

ßÀ¡£¡£¡£ÄǸöÎÒ¾ÍÊÇÔÚÍøÉÏÕÒµÄÄǸö·½·¨£¬µ«ÊÇÎҵķ½·¨ÓÖºÍÄǸö·½·¨²»Ò»Ñù¡£ËûÄǸöÖ»Ê


Ïà¹ØÎÊ´ð£º

cssÑùʽÎÞ·¨ÏÔʾÔÚjspÒ³Ãæ

Ö±½Óͨ¹ýÁ´½ÓÌø×ªµ½jspÒ³ÃæµÄʱºòcssÑùʽÄÜÕý³£ÏÔʾ£¬
µ«ÊÇͨ¹ýactionºǫ́´¦ÀíÍêÒµÎñÂß¼­ºóÌø×ªÓÃmappingÌø×ªµ½jspµÄʱºòÕû¸öÑùʽ¶¼Ã»ÓÐÏÔʾÁË
Ôõô½â¾ö
ллÁË
ÔõôûÈ˻شð°¡

¾ÍÊÇͨ¹ýspring·ÃÎÊjsp ......

Ò»¸öcssƽÆÌÎÊÌâ

CSS code:

body{
width:100%;
font-size:12px;
font-family:tahoma,arial,'ËÎÌå';
color:#666666;
float:none;
background: url(/images/bg.gif) left top repeat-y;
text-align:center;
margin:0 auto; ......

css ¿ò¼Ü gridµÄÀ§»ó Using Nesting Grids

²»¶®ËûÍø¸ñÈçºÎÔ­Àí
\Using Nesting Grids

YUI Grids CSS provides a system for subdividing sections of your page with nestable grids. Use this technique to easily create complex layouts that go ......

Õæ³Ï¾Í½ÌѧϰCSS¿´ÄDZ¾ÊéºÃ¡£

¶ÔCSSÄÜ¿´¶®£¬µ«Ò»Ð©ÊôÐÔ»¹ÊDz»Äܹ»ÍêÈ«Àí½â¡£
×Ô¼ºÖ»»áдЩ³£ÓõÄCSS¡£»¹Ã»´ïµ½´´ÔìºÍ´´Ðµĵز½¡£
ËùÒÔÏëÎÊϸ÷λǰ±²£¬Ó¦¸Ã¿´ÄDZ¾Êé½ÏºÃÄØ£¿
½¨Òé²»ÂòÊéÍøÉÏÕҽ̳Ì×Ôѧ£¬Õâ¸ö¶«Î÷²»ÊǺÜÄÑ£¬¶àÁ·Ï°¾Í»áÁË
......

ÈçºÎͨ¹ýcss¿ØÖÆdivÔÚÒ³ÃæÏÔʾµÄ´óС

Èç¹û²»ÓÃcss¿ØÖƵϰ£¬div»áÏԵúܴó£¬ÄÇô¸ÃÈçºÎÓÃcss¿ØÖÆÔÚÒ³ÃæÏÔʾµÄ´óС£¬ÒÔ¼°Ïà¶ÔÒ³ÃæµÄλÖã¿£¿£¿£¿
<div class=tree>
</div>

.tree{
font-family: MS UI Gothic;
font-size ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ