![html 如何让一个表的前几列固定,不随着滚动条移动?,第1张 html 如何让一个表的前几列固定,不随着滚动条移动?,第1张](/aiimages/html+%E5%A6%82%E4%BD%95%E8%AE%A9%E4%B8%80%E4%B8%AA%E8%A1%A8%E7%9A%84%E5%89%8D%E5%87%A0%E5%88%97%E5%9B%BA%E5%AE%9A%EF%BC%8C%E4%B8%8D%E9%9A%8F%E7%9D%80%E6%BB%9A%E5%8A%A8%E6%9D%A1%E7%A7%BB%E5%8A%A8%EF%BC%9F.png)
追问: 就是html做的一个table,我一行显示的字段太多了,超出了屏幕,就是
想让table的前几列固定,当滚动条左右滑动时,前几列位置不变。有没有现成的属性实现,或者用css?或者js?怎么实现?不知道我描述的是否清楚。 回答: 你把你这个页面的
代码发给我 我看一下 就知道你想要什么效果了 追问: 我这个页面代码太复杂了。举个例子把:我想让下面这个table前3列固定<div id = "scrolDiv" style="width: 60%overflow: autocursor: defaultdisplay: inlineposition: absoluteheight: 20%"><table><tr><td colspan = "6" align = "center">商业运行动态</td></tr><tr><td>商业企业</td><td align = "center" width = "10%">到货量</td><td align = "center" width = "10%">分拣打码量</td><td align = "center" width = "10%">零售户退货量</td><td align = "center" width = "10%">商商调剂量</td><td align = "center" width = "10%">库存量</td></tr><tr><td align = "left">
北京市烟草公司</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td></tr><tr><td align = "left">北京市烟草公司</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td></tr></table></div>回答: 你可是想让表格的宽和高都是固定的尺寸?HTML中移动表单的位置需要使用vertical-align:middle
还要指定行高 line-height:
代码如下
<tr>
<td style=" width:148pxheight:28pxfont-family:微软雅黑font-weight:100font-size:12pxvertical-align:middleline-height:28px" >
<span><img src="images/与我相关1.jpg" border=1px></span>
<font >与我相关</font>
</td>
</tr>
把你想要的内容放在一个容量中,比如DIV中,然后将整个DIV定位方式设置成固定定位。 下面是测试代码(亲手编写哦,测试成功的~)
<html>
<head>
<title>DIV始终固定在左下角</title>
<style>
#wrap {
display:block
bottom:0px
left:0px
position:fixed
border:1px solid #fff
text-align:center
}
</style>
</head>
<body>
<div style="height:3986px"></div>
<div id="wrap">
<img src="http://img.baidu.com/img/logo-zhidao.gif" />
</div>
</body>
</html>
评论列表(0条)