<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"><HTML><head></head><body><table border="1"> <tr> <td valign="top" > Some text <form > <input type="submit" value="should be at bottom of td"/> </form> </td> <td> This <br /> This <br /> This <br /> This <br /> This <br /> This <br /> This <br /> This <br /> This <br /> This <br /> This <br /> This <br /> </td> </tr></table></body></HTML>
从技术上讲,我可以通过拆分第一个< td>来实现我想要的.在另一个< td>上使用rowspan =“2”进入2行,但我想避免这种情况,因为它不直观,我认为它是一个黑客.此外,我只需要支持最新版本的FF和Chrome.有任何想法吗？
P / S：我在这里处理表格数据所以请不要“你不应该使用表格！”一些建议.
更新：添加了DOCTYPE和浏览器支持要求.
解决方法 终于找到了怎么做.关键是要设置< table>的高度.到100％.我还删除了< p>在顶部对齐的文本周围.<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><head> <Title></Title></head><body><table border="1" > <tr><td > <div > Some text <form >...</form> </div></td> <td> This <br /> This <br /> This <br /> This <br /> This <br /> This <br /> This <br /> This <br /> </td> </tr></table></body></HTML>总结
以上是内存溢出为你收集整理的html – 在顶部和底部都有元素全部内容，希望文章能够帮你解决html – 在顶部和底部都有元素所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）