html表格按钮相对位置不变,表格中如何使td或div相对定位在某一行上面

有个需求，就是点击表格某一行，上面要居中显示一组菜单。

而列表需要有1列或多列不固定宽度，有的是百分比宽度，有的是固定宽度(就是传统的table用法，或者CSS3的Flex Box)

小伙伴的实现是用table，js算出距表头的距离，然后绝对定位一个div在tr上面，我觉得计算距顶高度这样的方式太蛋疼了，所以想用position的方式让菜单显示。实际操作中遇到如下问题：

1. td给position：absolute后，除非是给display:none，否则一直会占用一定的宽度

2. IE<8用td(position：absolute)或者td>div(position：absolute)都无法正常显示

求各位高手解答：

1.td(position：absolute)时，有办法让它不占用原来的位置上的些许宽度么？

2.有什么更好的实现这个需求的方式？

谢谢！

2014-08-28

又想了一种实现，就是table只用来显示一行，套在div或li里，优点是简单，兼容性好些，缺点是，DOM结构变复杂了，CSS样式也不是很好写。

html表格按钮相对位置不变,表格中如何使td或div相对定位在某一行上面相关推荐

php中td的属性设置,html table表格是什么？table标签中各种属性的使用方法
html table表格是什么? 首先让我们了解什么是表格,还有表格的作用什么是table表格:由一些被称之为单元格的矩形框按照从左到右从上到下的顺序排列到一起组成的 table表格的作用:以 ...
html设置控件坐标,html表格按钮位置调整 html中怎样改变表格的位置
如何设置html 表单按钮的位置? 设置html 表单按钮的位置的代码是: 超文本标记语言, 标准通用标记语言下的一个应用. " 超文本 "就是指页面内可以包含图片. 链接,甚至音 ...
html网页在指定位置嵌入表格,网页制作中表格的主要作用网页制作中插入表格怎么调整位置...
在网页设计中,表格有什么重要作用 1．当需要提交所有数据时,可以提交整个100个表,如果不使用表,可以逐个提交. 2．表格设计简洁美观,方形,与网页的设计非常一致. 3．网站其实是一个大版本的表格,数 ...
python处理表格数据-python读取word 中指定位置的表格及表格数据
1.Word文档如下: 2.代码 # -*- coding: UTF-8 -*- from docx import Document def readSpecTable(filename, specT ...
html页面按钮删除一条数据库,需要添加一个删除按钮到一个HTML表格从数据库中删除记录与消息...
IDNameCodeActiveEdit <?php foreach($nurseries->result() as $nursery) { ?> <?php echo $nu ...
python读取word指定内容_python读取word 中指定位置的表格及表格数据
1.Word文档如下: 2.代码 # -*- coding: UTF-8 -*- from docx import Document def readSpecTable(filename, specT ...
如何调整按钮里的文字的位置android_UI设计中按钮场景分析
别无他话,今天就和大家聊一聊设计宿敌--按钮设计.按钮的设计看似简单,其实按钮的功能不同,设计形式上也会有差异,今天我就针对按钮的场景分析,对按钮进行全面的解析. 按照功能性分类,按钮主要包括行为召唤 ...
qtmessagebox对话框里自定义按钮文本_Word里表格都是这么来的 — 生成绘制表格有技巧...
Word可以帮助你跟快地创建具有专业外观的内容,为什么我们会选择Word呢? 因为Word可以减少设置格式的时间,将主要精力集中于撰写文档:借助 SmartArt 图示和新的制图工具更有效地传达信息: ...
access 套用表格_Word表格编辑技巧：在Word中使用Access的数据-word技巧-电脑技巧收藏家...
Word表格编辑技巧:在Word中使用Access的数据利用下面的方法可以在原有Word文档中插入Access表或查询的内容: 1.在一篇Word文档中选定要插入表或查询的位置; 2.单击" ...

html表格按钮相对位置不变,表格中如何使td或div相对定位在某一行上面

html表格按钮相对位置不变,表格中如何使td或div相对定位在某一行上面相关推荐

最新文章

热门文章