代码之家 › 专栏 › 技术社区 › James Jones

Shotgun与顺序输入布局

user-input css input layout

James Jones · 技术社区 · 16 年前

我想确定下面两种布局中哪一种更好。我希望可用性成为主要关注点。这样更好吗?

尽可能多地使用水平屏幕宽度,而不会导致水平滚动。明显的好处是,垂直滚动将被最小化/消除,屏幕空间最大化。

              Shotgun                                Sequential
|----------------------------------|    |-----------------------------------|
|                                  |    |                                   |
|  Input1: ______  Input2: ______  |    |  Input1: ______                   |
|                                  | vs |                                   |
|  Input3: ______  Input4: ______  |    |  Input2: ______                   |
|                                  |    |                                   |
|----------------------------------|    |  Input3: ______                   |
                                        |                                   |
                                        |  Input4: ______                   |
                                        |                                   |
                                        |-----------------------------------|

2 回复 | 直到 16 年前

user151323 16 年前

需要的东西 更简单 .

Darryl Hein IrishChieftain 16 年前

First Name: __________    Last Name: __________
First Name: __________    Last Name: __________
First Name: __________    Last Name: __________

推荐文章

tickstop · Jetpack Compose-将布局的子元素扩展到边界之外

1 年前

K. Morris · DIV在100%高度,包含表,需要滚动条,未显示

2 年前

Shane McX · 在flutter中,如何在窗口的顶部和底部排列小部件?

2 年前

CheeseFlavored · CSS-如何根据屏幕大小更改DIV的顺序?

2 年前

Matteo Zattera · 为什么列的高度不尽相同?

2 年前

Jason Williams · CSS样式当文本添加到元素中时,将元素拉到页面下方[重复]

2 年前

Emil · 动态布局克隆

2 年前

MãÄ´Ä · Android Xml布局问题以下移textView

2 年前

michal roesler · CSS Flexbox设置等宽列,当第一列中有<ul>文本,第二列中有大图像时

2 年前

Surabhi T S · 我使用了“网格模板行:200px 200px;”。但它并没有创建2行多列

2 年前