css Ö® padding
Öð½¥Ï²»¶ÉÏpadding ËäÈ»Ëü²¢²»ÍêÃÀ£¬ÈκÎÊÂÎï¶¼ÓÐÁ½ÃæÐÔ£¬ÎÞËùν¶Ô´í£¬¹Ø¼üÊÇÒªÓöԵط½£¡
padding ºÍ marginÏà±È½Ï£¬padding ¿ÉÒÔ½«div µÈ³ÅÆðÀ´Õ¼ÓÃʵ¼Ê¿Õ¼ä£¬¶ømarginÔò±È½ÏСÐÄ¡£
µ«ÊǾÍÊÇpaddingÕâµãȱ°ïÎÒ½â¾öÁËÒ»¸öinput ºÍ submitµÄ¶ÔÆëÎÊÌâ¡£
Ïà¹ØÎĵµ£º
<html>
<head>
<mce:style type = "text/css"><!--
table
{
border-collapse:collapse;
}
td
{
border:solid 1px black;
}
--></mce:style><style type = "text/css" mce_bogus="1">table
{
border-collapse:collapse;
}
td
......
IEµÄÎÊÌ⣺
Ò».Ë«±ß¾àÎÊÌâ
¸¡¶¯ÔªËصÄÍâ±ß¾à»á¼Ó±¶£¬µ«ÓëµÚÒ»¸ö¸¡¶¯ÔªËØÏàÁ򵀮äËû¸¡¶¯ÔªËØÍâ±ß¾à²»»á¼Ó±¶¡£
½â¾ö·½·¨£ºÔڴ˸¡¶¯ÔªËØÔö¼ÓÑùʽ display:inline;
¶þ.ͼƬ²úÉúµÄ¼ä϶
¸¸ÔªËØÖ±½Ó°üº¬<img>£¬Õâ¸öͼƬÏ·½»áºÍ¸¸ÔªËرßÔµ²úÉú¼ä϶¡£
½â¾ø·½·¨£º1.ÔÚÔ´´úÂëÖÐÈÃ</div>ºÍ<img>ÔÚÍ ......
1 Õë¶Ôfirefox ie6 ie7µÄcssÑùʽ
ÏÖÔڴ󲿷ֶ¼ÊÇÓÃ!importantÀ´hack£¬¶ÔÓÚie6ºÍfirefox²âÊÔ¿ÉÒÔÕý³£ÏÔʾ£¬
µ«ÊÇie7¶Ô!important¿ÉÒÔÕýÈ·½âÊÍ£¬»áµ¼ÖÂÒ³ÃæÃ»°´ÒªÇóÏÔʾ£¡ÕÒµ½Ò»¸öÕë
¶ÔIE7²»´íµÄhack·½Ê½¾ÍÊÇʹÓÓ*+html”£¬ÏÖÔÚÓÃIE7ä¯ÀÀһϣ¬Ó¦¸ÃûÓÐÎÊÌâÁË¡£
ÏÖÔÚдһ¸öCSS¿ÉÒÔÕâÑù£º
#1 { color: #33 ......
CSS£¬²ãµþÑùʽ±íµÄ×÷ÓÃÊÇʲô£¿ÎÒÃÇÏÈͨ¹ýÒ»¸öÀý×ÓÀ´Ìå»áһϣº
¿´´úÂ룺
index.html
<!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">
<head>
<meta http-equiv=" ......
/*¿ØÖÆÍ¼Æ¬µÄ´óС*/
.contentimg{
max-width:600px;
/*max-height:100px;*/
}
*html.contentimg{
width:expression(this.width>50&&this.width>this.height?60:auto);
/*height:expresion(this.height>50?50:auto);
*/
}
µ÷ÓÃ
$("#"+id.substring(0,id.length-5)+"arCon"). ......