请教一下 帮我把那个表格改成能够拖动的 而且要求当拖动到表格不能单行显示所有字体的时候 将字体隐藏一部分 谢谢各位大大了 希望能给出完整的代码
<!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=gb2312" />
<title>无标题文档 </title>
<link href="../../css/部件.css" rel="stylesheet" type="text/css" />
<style>
.STYLE1{
line-height: 30px;
}
.STYLE2{ color:#999900;
font-size:16px;} </style>
</head> <body>
<div id="product" style="margin-top:5px; margin-left:5px">
<p> <span class="STYLE2">产品名称: </span> <span class="STYLE1">S8-180 八挡同步器型变速器 </span> </p>
<p> <span class="STYLE2">产品简介: </span> <span class="STYLE1">S8-180同步器型变速器具有超大扭矩:匹配268kW(360马力)以上或最大输出扭矩1500~1800N.m的发动机;适用于11~13.7m及以上大型公路客车;高承载力:吸收德国ZF公司先进技术,打造变速器高承载能力,高可靠性,低噪声,使用寿命长;节能环保:国内首创8挡客车专用变速器;变速器挡间级差小,整车燃油经济性高;操纵轻便:采用当今世界先进同步器,真实体验操纵换挡“只需一脚”离合器。 </span> </p>
<p> <span class="STYLE2">适用范围: </span> <span class="STYLE1">总长度11~13.7米、发动机功率215~290kW的公路客车或底盘。 </span> </p>
</div>
<div class="config">
<p align="center"> <strong>产品技术参数 </strong> </p>
<center>
<table width="998px" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" style="margin-left:5px">
<tr>
<td width="100px" colspan="2">输入功率 </td>
<td colspan="9">235~290 kW </td>
</tr>
<tr>
<td colspan="2">输入扭矩 </td>
<td colspan="9">1400~1800 N.m </td>
</tr>
<tr>
<td colspan="2">额定转速 </td>
<td colspan="9">2600 r/min </td>
</tr>
<tr>
<td colspan="2">总质量 </td>
<td colspan="9">225 kg </td>
</tr>
<tr>
<td rowspan="3"> <p>挡位及 </p>
<p>传动比 </p> </td>
<td>挡位 </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>直接挡 </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>超速挡 </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2">里程表传动比 </td>
<td colspan="8">机械式1.545(可加二级传动装置) </td>
<td>电子式1:8或1:6 </td>
</tr>
<tr>
<td colspan="2">换挡方式 </td>
<td colspan="9">前进挡为锁环式惯性式同步器换挡,倒挡采用接合套换挡 </td>
</tr>
<tr>
<td colspan="2">操纵形式 </td>
<td colspan="9">旋转轴远程操纵或直接操纵 </td>
</tr>
<tr>
<td colspan="2">安装方式 </td>
<td colspan="9">左卧、右卧、立式,与发动直接或分开安装 </td>
</tr>
<tr>
<td colspan="2">安装长度 </td>
<td colspan="9">735mm(变速器壳体前端面至输出法兰接合面之间的距离) </td>
</tr>
<tr>
<td colspan="2">所配离合器壳 </td>
<td colspan="9">SAE1# </td>
</tr>
<tr>
<td colspan="2">干油箱加油量 </td>
<td colspan="9">卧式安装13升 </td>
</tr>
<tr>
<td colspan="2">可带缓行器 </td>
<td colspan="9">√ </td>
</tr>
<tr>
<td colspan="2">可带EPS </td>
<td colspan="9">√ </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="9"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="9"> </td>
</tr>
</table>
</center>
</div>
</body>
</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="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<link href="../../css/部件.css" rel="stylesheet" type="text/css" />
<style>
.STYLE1{
line-height: 30px;
}
.STYLE2{ color:#999900;
font-size:16px;} </style>
</head> <body>
<div id="product" style="margin-top:5px; margin-left:5px">
<p> <span class="STYLE2">产品名称: </span> <span class="STYLE1">S8-180 八挡同步器型变速器 </span> </p>
<p> <span class="STYLE2">产品简介: </span> <span class="STYLE1">S8-180同步器型变速器具有超大扭矩:匹配268kW(360马力)以上或最大输出扭矩1500~1800N.m的发动机;适用于11~13.7m及以上大型公路客车;高承载力:吸收德国ZF公司先进技术,打造变速器高承载能力,高可靠性,低噪声,使用寿命长;节能环保:国内首创8挡客车专用变速器;变速器挡间级差小,整车燃油经济性高;操纵轻便:采用当今世界先进同步器,真实体验操纵换挡“只需一脚”离合器。 </span> </p>
<p> <span class="STYLE2">适用范围: </span> <span class="STYLE1">总长度11~13.7米、发动机功率215~290kW的公路客车或底盘。 </span> </p>
</div>
<div class="config">
<p align="center"> <strong>产品技术参数 </strong> </p>
<center>
<table width="998px" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" style="margin-left:5px">
<tr>
<td width="100px" colspan="2">输入功率 </td>
<td colspan="9">235~290 kW </td>
</tr>
<tr>
<td colspan="2">输入扭矩 </td>
<td colspan="9">1400~1800 N.m </td>
</tr>
<tr>
<td colspan="2">额定转速 </td>
<td colspan="9">2600 r/min </td>
</tr>
<tr>
<td colspan="2">总质量 </td>
<td colspan="9">225 kg </td>
</tr>
<tr>
<td rowspan="3"> <p>挡位及 </p>
<p>传动比 </p> </td>
<td>挡位 </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>直接挡 </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>超速挡 </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2">里程表传动比 </td>
<td colspan="8">机械式1.545(可加二级传动装置) </td>
<td>电子式1:8或1:6 </td>
</tr>
<tr>
<td colspan="2">换挡方式 </td>
<td colspan="9">前进挡为锁环式惯性式同步器换挡,倒挡采用接合套换挡 </td>
</tr>
<tr>
<td colspan="2">操纵形式 </td>
<td colspan="9">旋转轴远程操纵或直接操纵 </td>
</tr>
<tr>
<td colspan="2">安装方式 </td>
<td colspan="9">左卧、右卧、立式,与发动直接或分开安装 </td>
</tr>
<tr>
<td colspan="2">安装长度 </td>
<td colspan="9">735mm(变速器壳体前端面至输出法兰接合面之间的距离) </td>
</tr>
<tr>
<td colspan="2">所配离合器壳 </td>
<td colspan="9">SAE1# </td>
</tr>
<tr>
<td colspan="2">干油箱加油量 </td>
<td colspan="9">卧式安装13升 </td>
</tr>
<tr>
<td colspan="2">可带缓行器 </td>
<td colspan="9">√ </td>
</tr>
<tr>
<td colspan="2">可带EPS </td>
<td colspan="9">√ </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="9"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="9"> </td>
</tr>
</table>
</center>
</div>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货