Heim >Web-Frontend >HTML-Tutorial >问一个布局问题 table cell 的布局_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:19:501224Durchsuche

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

现在一切正常了,谢谢。
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn