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

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

WBOY
WBOY原創
2016-06-24 12:19:501225瀏覽

如下图所示,一个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需要大写。。。

现在一切正常了,谢谢。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn