html 中表格长度固定
?
2010-02-03 14:25?1070人閱讀?評論(0)?收藏?舉報 htmlclassxhtml產品bordertable<!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>
轉載于:https://www.cnblogs.com/nickleback/p/3175723.html
總結
以上是生活随笔為你收集整理的html 中表格长度固定的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 保留小数点位数和格式
- 下一篇： 得偿心愿死也甜