js实现td内的div标签适应自身高度和宽度
2012-03-02 16:26
417 查看
td 、div标签的高度一般是根据标签内的内容而变化的
当div在td标签内是很难使div完全填充td标签。
可以通过js实现:
js
$(".cols1").height($(".cols2").height() - 40);
var top = $(".cols1").height() / 2;
html
<table><tr>
<td><div></div></td>
<td valign="top" class="cols2" colspan="2">
<div id="divStudyPlanContent" style="margin-top: 0px;" class="cols1">
</div>
</td>
</tr>
</table>
本文出自 “龙行天下” 博客,请务必保留此出处http://baixl.blog.51cto.com/1803511/794533
当div在td标签内是很难使div完全填充td标签。
可以通过js实现:
js
$(".cols1").height($(".cols2").height() - 40);
var top = $(".cols1").height() / 2;
html
<table><tr>
<td><div></div></td>
<td valign="top" class="cols2" colspan="2">
<div id="divStudyPlanContent" style="margin-top: 0px;" class="cols1">
</div>
</td>
</tr>
</table>
本文出自 “龙行天下” 博客,请务必保留此出处http://baixl.blog.51cto.com/1803511/794533
相关文章推荐
- (礼拜一log)前端开发:<td> 标签的 colspan 属性 & 两个div并排、一个宽度固定的实现方法
- Div+css+js实现高度适应浏览器,做出的效果像winform
- JS实现DIV盒子高度为宽度2倍
- js实现高度自适应的两个div高度相等
- js实现table用鼠标改变td的宽度,固定table宽度和高度超过显示点
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- 由于设计页面需要,要把两个并排显示的 div 实现一样高的效果, n 行 n 列布局,每列高度(事先并不能确定哪列的高度)相同,每个设计师追求的目标。方法有以下几种: 1 JS 实现(判断 2 个 d
- JS+DIV实现标签页
- js代码,当div中内容高度超出div高度的时候实现定制滚动条!
- 拖动一个div,动态改变其td宽度的实现
- 用js实现鼠标拖动控制td宽度
- JS+DIV+CSS实现的经典标签切换效果代码
- jquery实现div自适应浏览器高度(宽度)
- js实现鼠标拖动控制td宽度
- js实现两个div保持相同高度
- 负边距(negative margin)实现自适应的div左右排版(一个宽度固定一个宽度自适应)”
- js改变div的宽度和高度
- JS获取屏幕、浏览器、网页高度,宽度信息 定位div
- 微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
- css实现高度或者宽度不固定的div元素垂直左右居中