html Öбí¸ñ³¤¶È¹Ì¶¨
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" />
<title>test</title>
<meta name="Author" content="Doyoe(Æ®ÁãÎíÓê), edzmaster@gmail.com" />
<style type="text/css">
table {width:500px;table-layout:fixed;}
.col1 {width:100px;}
.col2 {width:200px;}
.col3 {width:200px;}
th strong {display:block;width:100%;}
tr strong,tr td {white-space:nowrap;overflow:hidden;}
</style>
</head>
<body>
<table border="1" cellspacing="0" summary="²âÊÔ">
<thead>
<tr>
<th class="col1"><strong>²úÆ·Ãû³Æ</strong></th>
<th class="col2"><strong>²úÆ·½éÉÜ</strong></th>
<th class="col3"><strong>²úÆ·±¸×¢</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</td>
<td>ÓÅÑÅQ400N£¬2007Äê7ÔÂÉÏÊУ¬²ÉÓÃIntel Core2 Duo(Merom) T5450(1.66G)´¦ÀíÆ÷</td>
<td>Ѹ³Û4ƽ̨£¬Í»³öµÄÐԼ۱ȣ¬Æ¯ÁÁµÄÍâ¹Û</td>
</tr>
</tbody>
</table>
</body>
</html>
Ïà¹ØÎĵµ£º
Zen Coding: Ò»ÖÖ¿ìËÙ±àдHTML/CSS´úÂëµÄ·½·¨
À´Ô´£ºhttp://www.javaeye.com/news/13149
Òë×Ô£ºSmashing Magazine
ÖÐÎÄ£ºZen Coding: Ò»ÖÖ¿ìËÙ±àдHTML/CSS´úÂëµÄ·½·¨
ÔÚ±¾ÎÄÖÐÎÒÃǽ«Õ¹Ê¾Ò»ÖÖеÄʹÓ÷ÂCSSÑ¡ÔñÆ÷µÄÓï·¨À´¿ìËÙ¿ª·¢HTMLºÍCSSµÄ·½·¨¡£ËüÓÉSergey Chikuyonok¿ª·¢¡£
ÄãÔÚдHTML´úÂë(°üÀ¨ËùÓбêÇ©¡¢ÊôÐÔ¡¢ ......
×î½ü±¾À´ÊÇҪȥÄÇǶÈëʽ¿ÎµÄ£¬µ«ÊÇÄǿξ¹È»ËµÈËÊýÌ«ÉÙ£¬¿ª²»ÁË£¬¿¿¡£ËùÒÔÕâÁ½ÌìÖ»ÄÜ×Ô¼ºÑо¿µã¶«Î÷ÁË¡£¼ÇµÃ×Ô¼ºÒÔǰ¾ÍÏ붯ÊÖдһ¸ö¹ØÓÚdomµÄ½âÎöÒýÇæ£¬Ö»¹Ö×Ô¼ºÌ«ÀÁ£¬Ò»Ö±Ã»¶¯±Ê¡£×î½üÔÚ¼ÒҲûʲôÊÂ×ö£¬¾Í×Ô¼º¶¯ÊÖдһ¸ö£¬»¨ÁËÒ»Ììʱ¼äдµÄ²î²»¶àÁË£¬ÕýºÃ¶ÍÁ¶×Ô¼ºµÄc++ˮƽ°É¡£
&nb ......
ÐÞ¸Ä checked ÊôÐÔ
var sex = '${entity.sex}';
if(sex == 'ÄÐ')
{
//document.all.sexCk1.checked=true; ÕâÖÖ»ðºü²»Ö§³Ö
&nbs ......
·½Ê½Ò»£º »ò ×÷»»Ðзû
·½Ê½¶þ£ºÖ±½ÓÔÚÔ´ÂëÖÐÇûسµ
¡¾½¨Òé¡¿ ²ÉÓ÷½°¸Ò»¡£
¡¾Ô´Âë¡¿
<a href="#" title="µÚÒ»ÐÐ µÚ¶þÐÐ µÚÈýÐÐ">·½Ê½Ò»£ºÊó±ê·ÅÔÚÎÒÉÏÃæ¿´Ò»ÏÂtitle</a>
<br />
<br />
<a href="#" title="µÚÒ»ÐÐ
µÚ¶þÐÐ
µÚÈýÐÐ">·½Ê½¶þ£ºÊó± ......