HTML表格怎么控制其宽度?
HTML表格怎么控制其宽度?
有两种方法,第一是使用table得属性, 设置: width="760px"这样得,其中px可以省略。 这个是绝对宽度,还可以用相对宽度,比如 width="100%",这个100%占得宽度由他得上一层元素得宽度决定,就是100%占用, 第二是使用style样式表吧, <table .... style="width:760; height=...">这样得。具体数值相对还是绝对跟上面一样得。
1,使用传统的方法 <table width="400"> <tr> <td width="100"></td> <td width="100"></td> <td width="100"></td> <td width="100"></td> </tr> <table> 2,使用css <style> 。
td{width:100px;} </style> <table width="400"> <tr> <td class="td"></td> <td class="td"></td> <td class="td"></td> <td class="td"></td> </tr> <table> 以上两种方法可能出现的问题就是,如果内容超过设定,如图片宽度大于100,会自然撑开,自动调节表格宽度 3,用css <style> 。
td{width:100px;overflow:hidden} </style> <table width="400"> <tr> <td class="td"></td> <td class="td"></td> <td class="td"></td> <td class="td"></td> </tr> <table> 用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节。
答:通过在页面设置中设置可能不行。 有一解决的方法:增加列数,并且将列宽调得很小,以便于各项内容在列中的调整。详情>>