如何以楼梯的形式对齐html中的4个文本输入字段?

时间:2016-04-25 21:12:48

标签: html css3

这是我想要使用CSS,而不是使用表和行

enter image description here

我面临的问题是输入字段仅在第一个文本框的垂直投影中有效。

需要建议。

1 个答案:

答案 0 :(得分:1)

以下是编码所需内容所需的步骤:

  1. 创建四个input元素
  2. 为每个人提供width属性25%
  3. 为第一个属性margin-right
  4. 添加0%属性
  5. 为第二个属性margin-right
  6. 添加25%属性
  7. 为第三个属性margin-right
  8. 添加50%属性
  9. 为第四个属性margin-right
  10. 添加75%属性
  11. 在每个元素后添加<br>标记,使其全部显示在新行
  12. 希望这会有所帮助,请提供一个代码示例,说明如果没有足够的信息可以提供帮助的话。

相关问题