<!doctype
html public "-//w3c//dtd xhtml 1.0
transitional//en" "http://www./tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"
/>
<title>隐藏第一列</title>
<style
type="text/css">
.table_style {
}
.table_style
td {
font-size: 12px;
word-break: break-all;
}
.noheight
th {
border-top-width: 1px;
border-bottom: none;
border-left: none;
border-right: none;
font-size: 0px;
height: 0px;
line-height: 0px;
}
.notop
td {
border-top: none;
}
<!--
内嵌表格若需要去掉,使用该样式 -->.noborder,.noborder th,.noborder td {
border: none;
}
</style>
</head>
<body>
<div style="width: 400px; text-align:
center;">
<!-- table上加入table_style的class
-->
<table
border="1" cellpadding="0" cellspacing="0" style="width: 100%"
class="table_style">
<!-- 第一列tr上加入noheight的class,td中需要有 占位。所有单元格宽度全部在此设置。
-->
<tr class="noheight">
<th style="width: 150px;">
</th>
<th style="width: 150px;">
</th>
<th style="width: 150px;">
</th>
<th style="width: 150px;">
</th>
<th style="width: 150px;">
</th>
<th>
</th>
</tr>
<!-- 第二列tr上加入notop的class,若需要加其他class样式,可以空格后继续写入classname
-->
<tr class="notop otherstyle">
<td>
1-1
</td>
<td colspan="2">
1-2
</td>
<td>
1-3
</td>
<td colspan="2">
1-4
</td>
</tr>
<tr id="tr3">
<td>
2-1
</td>
<td>
2-2
</td>
<td>
2-3
</td>
<td>
2-4
</td>
<td>
2-5
</td>
<td>
2-6
</td>
</tr>
</table>
</div>
</body>
</html>
|
|
来自: JuNCheN.Home > 《HTML & CSS》