tableÏÂcssµÄ¶¨Î» - Web ¿ª·¢ / HTML(CSS)
Ò»¸ötableÏ£¬ÓÐÒ»¸ödiv¶¨ÒåµÄcss²ã¡£ÐèÒªÁ½Õß×ó±ß¶ÔÆë¡£µ«ÊÇ£¬ÓÉÓÚliÊôÐÔ×ÜÊÇʹµÃËüÀë×ó±ßÓÐÒ»¶¨¾àÀ룬û·¨¶ÔÆë¡£ÏëÁ˺þã¬Ã»Óа취¡£
Çë´ó¼Ò°ï棬Õâ¸öÖ»ÄÜÓÃÓÃtableºÍcssÀ´×ö£¬Ð»Ð»
CSS code:
#result_header {height:25px; width:632px; background-color: rgb(204,204,204); border-top: solid 1px #06C;}
<!--result_header #font{float:left;font:Verdana, Geneva, sans-serif;font-weight:bold;} -->
#result_header ul{height:inherit; display:block; margin:0px;}
#result_header ul li{width:16px; display:inline; float:right;}
#result_content{width:632; border-top: 2px #03F; position:absolute;}
#result_content ul{float:left; list-style:none;}
#result_content ul li{display:inline;}
HTML 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen, projection" type="text/css" href="result.css" />
</head>
<body>
Ïà¹ØÎÊ´ð£º
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
ÔÚ·¢±íÆÀÂÛʱ ¹ýÂË ÈçºÎ£º<br/> <hr/> Ë«ÒýºÅ µ¥ÒýºÅ »¹ÓÐÆäËû µÈ Óкõķ½·¨¸æËßһϠлл
.replace(/<\w+[^>]*>/g,"").replace(/'/g,"''")
½«µ¥ÒýºÅ»»³É2¸ö ......
ÓÐʲô·½·¨¿ÉÒÔ¿ìËÙÌáÈ¡ÏÂÃætable±íÖе¥Ôª¸ñÀïÃæµÄÊý¾ÝºÍwindow.openº¯ÊýÖеÄÁ´½ÓÊý¾ÝÁË?
<table style="width: 100%; border-collapse: collapse" cellpadding="0">
<tr ......
display:inline-block;
overflow:hidden;£¨ÍøÂçÉϲéÕÒÊÇÓ°²ØÒç³ö£¬µ«ÊDzâÊÔÆðÀ´¸Ð¾õ²»Ì«Ã÷°×£©
position:relative;£¨¾ø¶Ô¶¨Î»£¬²»ÖªµÀ¶Ô²»¶Ô£©
position:absolute;
ÕâËĸöÊôÐÔÔÚCSSÀïÃæ³öÏÖÆµÂʱȽϸߣ¬¸ßÊÖÖ¸µã ......
ÓÃcssËõд ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHT ......