Rumah > hujung hadapan web > html tutorial > 问一个布局问题 table cell 的布局_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:19:50
asal
1228 orang telah melayarinya

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

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



回复讨论(解决方案)

<style>    td{position:relative;min-height:80px;}    td input{position:absolute; bottom:0; z-index:999}</style>
Salin selepas log masuk

先试试给td加上
不行就试试下面的代码

 td div{     position:absolute;     top:0;     bottom:按钮的高度;    z-index:999}
Salin selepas log masuk


先试试给td加上 


不行就试试下面的代码
XML/HTML code?123456 td div{     position:absolute;     top:0;     bottom:按钮的高度;    z-index:999}

弄了好久,还是不管用,第二种方法不行,这样的话td的高度不会随div的高度变化而变化。

不过突然灵光一闪,调试了一下js发现,valign 这个属性在js里面必须a需要大写。。。

现在一切正常了,谢谢。
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan