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

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

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

回复讨论(解决方案)

  1. td{position:relative;min-height:80px;} td input{position:absolute; bottom:0; z-index:999}

登录后复制

先试试给td加上 

不行就试试下面的代码

  1.  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需要大写。。。

现在一切正常了,谢谢。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    css轮廓中outline-width值为length用法_html/css_WEB-ITnose

    2025-3-9 10:41:38

    编程技术

    为什么在里面那一层显示不了蓝色的背景_html/css_WEB-ITnose

    2025-3-9 10:41:44

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索