如下图所示,一个table内有多个并排的td元素,每个td元素内都由一个可编辑的div(高度自适应) 以及两个按钮组成。
想实现效果:
让两个按钮一直处于td的底端(即使同排的td输入了文字导致整行的tr变高了)。
有思路的亲们,拜托了。。。
回复讨论(解决方案)
- td{position:relative;min-height:80px;} td input{position:absolute; bottom:0; z-index:999}
登录后复制
先试试给td加上
不行就试试下面的代码
- td div{ position:absolute; top:0; bottom:按钮的高度; z-index:999}
登录后复制
先试试给td加上
不行就试试下面的代码
XML/HTML code?123456 td div{ position:absolute; top:0; bottom:按钮的高度; z-index:999}
弄了好久,还是不管用,第二种方法不行,这样的话td的高度不会随div的高度变化而变化。
不过突然灵光一闪,调试了一下js发现,valign 这个属性在js里面必须a需要大写。。。
现在一切正常了,谢谢。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。