问答详情
源自:6-8 使用label为input标签穿上衣服

如何设置表格宽度

如何设置表格宽度

提问者:幕布斯3473942 2016-10-04 18:24

个回答

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