问答详情
源自:6-1 使用表单标签,与用户交互 - 使用<form>创建表单

如何设置表格宽度

制作课程表,表格宽度太窄

提问者:幕布斯3473942 2016-10-04 19:44

个回答

  • 心叶3882285
    2016-10-04 19:47:25

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