自适应表单页面对齐方案_表单 标题 自适应 对齐

思路：一般情况，表单页的每个字段包含一个字段类型名称和一个input标签。我们利用table自适应特性，将每个字段单独包裹在一个table中。设置每个table为左浮动，将table的宽度设置想要的百分比，例如：33%；第一个td为字段名固定值，第二个td放input不设置宽度，只需将input宽度设置100%即可自适应。
效果图：

HTML代码

                <div class="input_box">
                    <table width="99%" class="i_common">
                        <tr>
                            <td width="80"><span class="input_title">标题：</span></td>
                            <td><input class="input_text" type="text" name="title"/></td>
                            <td width="40"></td>
                        </tr>
                    </table>

                    <table width="33%" class="i_common">
                        <tr>
                            <
1
2
3
4
5
6
7
8
9
10
11
12