cssʵÏÖÇ¿ÖÆ²»»»ÐÐ/×Ô¶¯»»ÐÐ/Ç¿ÖÆ»»ÐÐ
Ç¿ÖÆ²»»»ÐÐ
div{
white-space:nowrap;
}
×Ô¶¯»»ÐÐ
div{
word-wrap: break-word;
word-break: normal;
}
Ç¿ÖÆÓ¢Îĵ¥´Ê¶ÏÐÐ
div{
word-break:break-all;
}
Ô´µØÖ·£ºhttp://www.iwms.net/n1919c40.aspx
Ïà¹ØÎĵµ£º
1¡¢ÁбíºáÅÅ
½«liµÄÑùʽÉèÖÃΪ
li {display:block;float:left;}
2¡¢È¥³ýͼƬ´¹Ö±·½ÏòµÄ¿Õ°×
×îºÃµÄ×ö·¨ÊÇΪimg ¼ÓÉÏ vertical-alignÊôÐÔ£¬ÕâÑù¾Í¿´²»µ½¿Õ°×ÁË¡£
......
ƽʱÎÒÃÇÔÚä¯ÀÀÍøÒ³µÄʱºò£¬³£³£¿´¼ûµ¼º½À¸ÊǶ¯Ì¬µÄ£¬ÆäʵÎÒÃÇ¿ÉÒÔͨ¹ýcssÑùʽ±íµÄ¶¨Òå¾Í¿ÉÒÔÍê³É¡£
Ê×ÏÈÎÒÃÇ¿´Ò»ÏÂcss´úÂ룺
#nav {
width:900px;
margin:0 auto;
background:#E1F4FD;
}
#nav li {
float:left;
font-size:14px;
}
#nav li a {
color:#000000;
......
ÄÚ²¿Ñùʽ±í
ÄÚ²¿Ñùʽ±íÐèÒªÔÚÍøÒ³µÄ<head>²¿·Ö¶¨Ò壬¸ñʽÈçÏ£º
<head>
<style type="text/css">
/*·ûºÏCSSÓï·¨½á¹¹µÄCSSÓï¾ä£¬ÀýÈç*/
body { background-color: blue; }
</style>
</head>
ÐÐÄÚÑùʽ±í(ÄÚǶÑùʽ±í)
ÐÐÄÚÑùʽ±íÖ±½ÓÔÚ±êÇ©ÄÚ²¿¶¨Ò壬ʹÓÃstyleÊôÐÔ£¬Ð´·¨ÈçÏ£º
......
ÔÚ¹úÄÚÍøÕ¾ÖУ¬°üÀ¨Èý´óÃÅ»§£¬ÒÔ¼°“ÒýÁì”ÖйúÍøÕ¾Éè¼Æ³±Á÷µÄÀ¶É«ÀíÏ룬ChinaUIµÈ¶¼ÊÇʹÓÃÁËpx×÷Ϊ×ÖÌ嵥λ¡£Ö»ÓаٶȺôõ×öÁ˸ö¿Éµ÷µÄ±íÂÊ¡£¶øÔÚ´óÑó±Ë°¶£¬¼¸ºõËùÓеÄÖ÷Á÷Õ¾µã¶¼Ê¹ÓÃem×÷Ϊ×ÖÌ嵥룬Ҳ¾ÍÊǿɵ÷µÄ¡£Ã»´í£¬px±Èem¸ü¼ÓÈÝÒ×ʹÓ㬴󲿷ֶÁÕß²»ÖªµÀemΪºÎÎï»òÕßËüÏ൱ÓÚ¶àÉÙpx¡£¹úÍâÈËÊ¿Èç´ËÖØÊÓÍøÕ ......
ie6ÖÐdivµÄ¸ß¶È×Ô¶¯ÉèÖ㬵½ÁËie7ºÍie8¾Í²»ÐÐÁË£¬ÐèÒªÉèÖÃcss
/*Õë¶Ô·ÇIE*/
div:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*Õë¶ÔIE*/
div{zoom:1;} ......