如何设置表格宽度

来源:6-8 使用label为input标签穿上衣服

幕布斯3473942

2016-10-04 18:24

如何设置表格宽度

写回答 关注

1回答

  • 泥巴匠4118453
    2016-10-04 18:31:57
    已采纳

    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的话,可以在超过的时候使用滚动条调节....


    幕布斯347...

    非常感谢!

    2016-10-04 18:41:59

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225293 学习 · 18230 问题

查看课程

相似问题