> ## Documentation Index
> Fetch the complete documentation index at: https://jinshuju-20a27453.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 表单横向排版

> 当需要调整表单的页面布局和字段排列，设计美观界面时，可使用自定义布局功能。

## 字段横向排版

你可以设置填写题占用的页面宽度，点击字段后，在「 布局设置 —— 宽度占整行的 1/4，2/4，3/4 」功能：

![PC|表单设置|表单编辑页面,左侧字段添加区包含营销组件(地图导航/联系我们/视频/按钮/跑马灯)和通用字段(单行文字/多行文字/单项选择/多项选择/图片单选/图片多选/下拉框/多级下拉/数字/上传文件/时间/日期/网址/地理位置),右侧表单预览区显示姓名/手机/邮箱等字段,右侧设置区可调整字段宽度(充满整行/1/4/2/4/3/4)并设置新起一行,红框和箭头突出显示字段宽度设置](https://help-assets.jinshuju.net/assets/file/11281/%E6%A8%AA%E5%90%91%E5%B1%95%E7%A4%BA1.png)

`目前支持设置的字段： 单行文字、多行文字、单项选择、多项选择、数字、时间、日期、下拉框、网址、评分、两级下拉框、表单关联、地址、姓名、手机、邮箱、电话`

***

## 选项横向排版

「单项选择」「多项选择」「图片单选」「图片多选」这 4 个字段的选项支持横向排列，以节省页面排版：

![PC|表单设置|表单编辑页面,左侧字段添加区包含营销组件和通用字段,右侧表单预览区显示姓名/单项选择/手机等字段,右侧设置区可调整单项选择字段的排列方式(纵向/横向)并设置字段宽度,红框和箭头突出显示「排列方式」设置(纵向/横向)](https://help-assets.jinshuju.net/assets/file/11282/%E6%A8%AA%E5%90%91%E5%B1%95%E7%A4%BA2.png)

以下是选项横向排版的注意事项：「 字段横向排版 选项横向排版」设置在手机端不生效。

***

## 手机上横向排版

「矩阵填空」「矩阵选择」这 2 个字段在手机上的默认展示拆分成单元格后竖向展示的，你可以勾选以下设置，使其在手机上横向展示：

![PC|表单设置|表单编辑页面,左侧字段添加区包含时间/日期/网址/地理位置/描述分页/商品订单字段/联系信息字段/高级字段等,右侧表单预览区显示姓名/矩阵选择等字段,右侧设置区可调整矩阵选择字段的题型(单选/多选)并设置「在手机上横向展示」选项(已开启),红框和箭头突出显示该功能](https://help-assets.jinshuju.net/assets/file/11285/%E6%A8%AA%E5%90%91%E5%B1%95%E7%A4%BA3.png)

***

## 效果示例

以下是表单排版的示例表单：[点击查看](https://jinshuju.net/f/an1MIH)

![通用|表单发布|金数据品牌二维码,中央有橙色树状LOGO,用于扫码访问或分享表单排版示例表单体验链接](https://help-assets.jinshuju.net/assets/file/9127/%E9%A1%BE%E5%AE%A2%E6%BB%A1%E6%84%8F%E5%BA%A6%E8%B0%83%E6%9F%A5_%E7%9F%A9%E9%98%B5%E9%80%89%E6%8B%A9%E5%92%8C%E7%9F%A9%E9%98%B5%E5%A1%AB%E7%A9%BA__256.png)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.