对HTML布局方法感到困惑

时间:2017-03-14 19:23:59

标签: html

新手警报!我问这个问题,因为管理层很匆忙!他们想要在昨天完成七页。所以我很快就需要一些建议。

我有要求创建一个类似于下图的div:

enter image description here

这个问题与布局有关。我正在使用标准的HTML下拉列表。

首先:我开始使用包含4列的1行。但后来我发现很难将我的标签(左边的黑色方块)与下拉列表对齐。

第二:然后我想也许我应该创建7行,每行有4列,所以我可以更好地对齐每行的内容。

第三:但鉴于我必须添加帮助“?”按钮带有文字,我开始想知道是否应该使用内联块。 此外,到目前为止,我认为我可能会使代码更加复杂。

所以,我要问的是:

创建这样的布局最简单(或最有效)的方法是什么?

也许,我只需要2列;一个用于标签,帮助按钮和下拉列表,另一个用于文本框。 我的想法是,如果我太努力了,我可能做错了!你会怎么做?

感谢您的建议。

0 个答案:

没有答案