2,使用css
  • <small id='hoaopl17'></small><noframes id='goiilmsv'>

    <tfoot id='g35bin2m'></tfoot>
    您的位置:荆州电脑信息网 > 设置问题 > 怎样设置html中单元格的大小

    怎样设置html中单元格的大小

    作者:电脑信息网日期:

    返回目录:设置问题




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

    需要准备的材料分别有:电脑、浏览器、html编辑器

    1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

    2、在index.html中的<table>标签中输入样式代码:style="font-size: 28px;"。

    3、浏览器运行index.html页面,此时整个表格的字体大小被统一为了28px。



    <td width="10" height="20"></td>

    宽10高20

      <small id='5ogofv44'></small><noframes id='721ddqn3'>

        <tbody id='ivfgxm48'></tbody>

    • <tfoot id='nm2u68lf'></tfoot>

      相关阅读