Sab nrawm dav layouts yuav nyuaj rau nruab nrog qee cov nrov browsers tawm muaj, tab sis nws yog tau, nrog ob peb kab ntawm cov cai.
Ntawm no & # 39; s li cas
- Tsim ib qhov Web page tshiab nrog CSS stylesheet hauv koj cov HTML editor.
- Tsim kom muaj ib lub caij nyoog div raws li lub ntsiab ntawm nplooj ntawv uas koj yuav khaws txhua yam ntawm nplooj ntawv.
- Muab qhov ntawd div daim ID tus cim uas nws txawv ntawm nplooj ntawv.
- Qhib koj cov ntawv CSS style thiab teeb qhov dav ntawm koj lub caij div. div # lub ntsiab {qhov dav: 750px; }
- Ntxiv margins tuaj rau nruab nrab koj div. div # lub ntsiab {qhov dav: 750px; paj laug-sab laug: pib; npoo-txoj cai: pib
- Txhim kho nws rau Netscape 4, thiab IE 4 - 6 ( quirks hom ) ntxiv cov ntawv nyeem tawm ntawm lub cev. lub cev {text-align: center; }
- Tab sis, ces tag nrho cov ntawv hauv sab yog, ces re-dlhos cov ntawv hauv koj div #main los ntawm kev ntxiv text-align: left; nyob ntawd. div # lub ntsiab {qhov dav: 750px; paj laug-sab laug: pib; npoo-txoj cai: pib; text-align: left; }
- Txuag koj nplooj ntawv thiab koj cov ntawv style.
- Sim hauv ntau qhov Web site browsers.
Ntsis
Qhov no yuav yog qhov nruab nrab lub npov tab sis tsis yog cov ntsiab lus hauv nws. Siv cov ntawv nyeem los ua ke rau hauv nruab nrab cov ntsiab lus ntawm puab.