CSS Grid System for Forms (Multi-Column)

前端 未结 8 1705
时光说笑
时光说笑 2021-01-30 02:20

For future reference here is the final result with pixel perfect precision:

The CSS code:

._25 {
    width: 21%;
    display:          


        
8条回答
  •  独厮守ぢ
    2021-01-30 02:49

    No need for the fluid 960 system here, unless you want the form to expand and contract with the browser.

    I would recommend the regular old 960 grid system for this. 960 width is great for grids because it divides evenly by 12 and 16 which allows you to set up pixel perfect three and four column layouts.

    The best way to get familiar with the 960 grid system is to look at the souce css and the source of the html demo

    contact form

    name

提交回复
热议问题