如何设置表格宽度

来源:6-1 使用表单标签,与用户交互 - 使用<form>创建表单

幕布斯3473942

2016-10-04 19:44

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

写回答 关注

1回答

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

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

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

1225808 学习 · 18234 问题

查看课程

相似问题