Օգտագործեք CSS փաստաթուղթ, կենտրոնի ամրագրված լայնությամբ տեղադրելու համար

Ֆիքսված լայնության դասավորությունը դժվար է կենտրոնանալ այնտեղ տեղադրված հայտնի բրաուզերների հետ, բայց դա հնարավոր է, միայն մի քանի տող կոդով:

Here & # 39; s Ինչպես

1. Ստեղծեք նոր վեբ էջ, CSS ձեւաչափով, ձեր HTML խմբագրիչում:
2. Ստեղծեք div տարր, որպես էջի հիմնական տարր, որտեղ ամեն ինչ պահեք էջում:
3. Տվեք այն div տարրը ID- ով, որը եզակի է էջում:
4. Բացեք Ձեր CSS ոճի թերթիկը եւ սահմանեք ձեր div տարրի լայնությունը: div # հիմնական {լայնությունը `750px; }
5. Լրացրեք ավտոմատ եզրեր, կենտրոնացնելու ձեր բաժինը: div # հիմնական {լայնությունը `750px; margin-left: auto; margin-right: auto}
6. Նկեցնելու համար այն Netscape 4 եւ IE 4 - 6 ( quirks ռեժիմ ) ավելացնել տեքստային ալիքը մարմնի վրա: մարմին {text-align: center; }
7. Բայց հետո ներսում բոլոր տեքստը կենտրոնացած է, ուստի վերագրեք տեքստը ձեր #main div- ում `ավելացնելով text-align: left; այնտեղ: div # հիմնական {լայնությունը `750px; margin-left: auto; margin-right: auto; text-align: ձախ; }
8. Պահպանեք ձեր էջը եւ ձեր ոճաթերթիկը:
9. Փորձեք մի քանի վեբ բրաուզերներում:

Խորհուրդ

Սա կկրի կենտրոնի վանդակը, այլ ոչ թե բովանդակության մեջ: Օգտագործեք տեքստային ալիք `կենտրոնի ներքին բովանդակության համար: