• Table 表单


    <style>
    table th
    {
    white-space: nowrap;
    }
    .chk
    {
    white-space: nowrap;
    }
    </style>

    <table border="0" cellspacing="1" style="background-color: #a0c6e5; 100%">
    <th>
    编号:
    </th>
    <td>
    <input type="text" value="" />
    </td>
    <th>
    编号:
    </th>
    <td>
    <input type="text" value="" />
    </td>
    <th>
    编号:
    </th>
    <td>
    <input type="text" value="" />
    </td>
    <th>
    编号编号编号编号:
    </th>
    <td>
    <input type="text" value="" />
    </td>
    <th>
    编号编号编号编号:
    </th>
    <td>
    <input type="text" value="" />
    </td>
    <th>
    编号编号编号编号:
    </th>
    <td>
    <input type="text" value="" />
    </td>
    <th>
    编号编号编号编号:
    </th>
    <td>
    <input type="text" value="" />
    </td>
    <th>
    编号:
    </th>
    <td>
    <input type="text" value="" />
    </td>
    <th>
    编号:
    </th>
    <td>
    <input type="button" value="提交" />
    </td>
    </table>
    <table border="0" cellspacing="1" style=" 100%">
    <thead>
    <th>
    编号1
    </th>
    <th>
    编号1
    </th>
    <th>
    编号1
    </th>
    <th>
    编号1
    </th>
    <th>
    编号1编号1编号1编号1
    </th>
    <th>
    编号1编号1编号1
    </th>
    <th>
    编号1编号1编号1编号1编号1
    </th>
    </thead>
    <tr>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    </tr>
    <tr>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    </tr>
    <tr>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    </tr>
    <tr>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    <th>
    <input type="text" value="" />
    </th>
    </tr>
    </table>
    <table border="1" bordercolor="#a0c6e5" style="border-collapse: collapse; auto">
    <tr>
    <th>
    测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:测试:测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:测试:测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:测试:测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;" class="chk">
    <input type="checkbox" />

    <input type="checkbox" />

    </td>
    </tr>
    <tr>
    <th>
    测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:测试:测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:测试:测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:测试:测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;" class="chk">
    <input type="checkbox" />

    <input type="checkbox" />

    </td>
    </tr>
    <tr>
    <th>
    测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;">
    <input type="text" value="" />
    </td>
    <th>
    测试:测试:测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;" colspan="3">
    <input type="text" value="" style=" 99%" />
    </td>
    <th>
    测试:测试:测试:
    </th>
    <td style="border: solid 1px #a0c6e5; height: 20px;" class="chk">
    <input type="checkbox" />

    <input type="checkbox" />

    <input type="checkbox" />

    </td>
    </tr>
    </table>

  • 相关阅读:
    微信nickname乱码(emoji)及mysql编码格式设置(utf8mb4)解决的过程
    eclipse Specified VM install not found: type Standard VM, name
    eclipse中安装Open Explorer
    关于Java变量的可见性问题
    Win8&Win2012R2如何支持DOTA2输入法
    Adobe Flash player 10 提示:Error#2044:未处理的IOErrorEvent. text=Error#2036:加载未完成 的解决方法
    IntelliJ IDEA 12.1.4 解决中文乱码
    Win8.1RTM英文版安装中文语言包的两种方法
    在FlashDevelop里使用1.8版本的的TortoiseSVN
    [修复Win8.1 BUG] 解决Win8.1英文字体发虚不渲染问题
  • 原文地址:https://www.cnblogs.com/yangpeng-jingjing/p/6178489.html
Copyright © 2020-2023  润新知