关于table里面行高的有关问题
日期：2014-05-17 浏览次数：20830 次
关于table里面行高的问题.
请问,怎样设置一个table,使行高不超多100px?超出部分不显示.
而且,当小于100px的时候,例如是20px,则行高为20.
谢谢.
------解决方案--------------------
table不行，div可以。
------解决方案--------------------
随便写了个例子，不知道是不是你要的样子。
function aa(){
var allTr=document.all.table1.getElementsByTagName( "tr ");
for(var i=0;i <allTr.length;i++){
if(条件> 120){
allTr[i].height=120;
}else{
allTr[i].height=120以内的那个告诉;
}
}
}
------解决方案--------------------
table 没这属性
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
<script>
function autoResize() //自动调整框架高度
{
try{
if(parseInt(tt.scrollHeight) > 100){
tt.style.height = 100;
tt.style.overflow = "hidden ";
}else{
tt.style.height = parseInt(tt.scrollHeight);
tt.style.overflow = " ";
}
}
catch(e){}
}
</script>
</HEAD>
<BODY>
<div id= "tt " style= "height:expression(1);aho:expression(autoResize()) ">
<!--content here-->
test <br>
test <br>
test <br>
</div>
<div> 123 </div>
</BODY>
</HTML>
供参考
------解决方案--------------------
css2 中有 max-height 属性，不过 ie 到目前未知仍然不支持 css2，需要用 javascript 完成这个功能。
对于 table 和 div 标签在实现上没有什么区别
请问,怎样设置一个table,使行高不超多100px?超出部分不显示.
而且,当小于100px的时候,例如是20px,则行高为20.
谢谢.
------解决方案--------------------
table不行，div可以。
------解决方案--------------------
随便写了个例子，不知道是不是你要的样子。
function aa(){
var allTr=document.all.table1.getElementsByTagName( "tr ");
for(var i=0;i <allTr.length;i++){
if(条件> 120){
allTr[i].height=120;
}else{
allTr[i].height=120以内的那个告诉;
}
}
}
------解决方案--------------------
table 没这属性
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
<script>
function autoResize() //自动调整框架高度
{
try{
if(parseInt(tt.scrollHeight) > 100){
tt.style.height = 100;
tt.style.overflow = "hidden ";
}else{
tt.style.height = parseInt(tt.scrollHeight);
tt.style.overflow = " ";
}
}
catch(e){}
}
</script>
</HEAD>
<BODY>
<div id= "tt " style= "height:expression(1);aho:expression(autoResize()) ">
<!--content here-->
test <br>
test <br>
test <br>
</div>
<div> 123 </div>
</BODY>
</HTML>
供参考
------解决方案--------------------
css2 中有 max-height 属性，不过 ie 到目前未知仍然不支持 css2，需要用 javascript 完成这个功能。
对于 table 和 div 标签在实现上没有什么区别
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
