自适应表单页面对齐方案

思路:一般情况,表单页的每个字段包含一个字段类型名称和一个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>
                            <
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
LaTeX 是一种排版系统,用于创建专业、精美的文档,其中包括表格的创建和排版。在创建表格时,有时可能需要使表格自适应整个页面的宽度,这样可以确保表格在页面上的显示效果最佳。 要实现这一目标,可以使用 `tabularx` 宏包,它提供了一个名为 `tabularx` 的环境,可以自动调整表格的宽度以适应页面。首先,需要在导言区添加 `\usepackage{tabularx}` 来加载 `tabularx` 宏包。 接下来,在表格的开始处使用 `tabularx` 环境,并设置表格的总宽度,如 `\begin{tabularx}{\textwidth}{...}`,其中 `\textwidth` 表示页面的总宽度。在表格的列格式中,可以使用 `X` 来代替传统的 `l`, `c`, 和 `r`,这样可以自动调整列的宽度,使整个表格恰好填满页面。 例如,如果想要创建一个自适应整个页面宽度的三列表格,可以这样编写代码: ``` \usepackage{tabularx} \begin{document} \begin{table} \centering \begin{tabularx}{\textwidth}{|X|X|X|} \hline 列1 & 列2 & 列3 \\ \hline 内容1 & 内容2 & 内容3 \\ \hline \end{tabularx} \caption{自适应整页宽度的表格} \end{table} \end{document} ``` 在上述示例中,表格的三个列将会根据页面的总宽度自动调整宽度,以填满整个页面。同时,使用 `tabularx` 环境还需要注意设置好表格的总宽度,以避免表格超出页面范围。 通过使用 `tabularx` 宏包和 `X` 列格式,就可以实现 LaTeX 表格的自适应页面效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值