首页 > web前端 > html教程 > 问一个布局问题 table cell 的布局_html/css_WEB-ITnose

问一个布局问题 table cell 的布局_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 12:19:50
原创
1225 人浏览过

如下图所示,一个table内有多个并排的td元素,每个td元素内都由一个可编辑的div(高度自适应) 以及两个按钮组成。
想实现效果:
    让两个按钮一直处于td的底端(即使同排的td输入了文字导致整行的tr变高了)。

有思路的亲们,拜托了。。。



回复讨论(解决方案)

<style>    td{position:relative;min-height:80px;}    td input{position:absolute; bottom:0; z-index:999}</style>
登录后复制

先试试给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需要大写。。。

现在一切正常了,谢谢。
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板