Բովանդակություն

• Քայլեր
• Մեթոդ 1 2 -ից. CSS (խորհուրդ է տրվում)
• Մեթոդ 2 -ից 2 -ը ՝ «հավասարեցնել» հատկանիշը HTML- ում

Հատկանիշ շարել պիտակ html> HTML5- ից հնացած է: Թեև այս հատկանիշը դեռ գործում է վեբ դիտարկիչների մեծ մասում, խորհուրդ է տրվում պատկերները հավասարեցնել ՝ օգտագործելով Cascading Style Sheets (CSS): Այս հոդվածում մենք ձեզ ցույց կտանք, թե ինչպես կենտրոնացնել պատկերները ՝ օգտագործելով CSS և հնացած պիտակը: շարել.

Քայլեր

Մեթոդ 1 2 -ից. CSS (խորհուրդ է տրվում)

1. 1 Ավելացրեք HTML կոդը պատկերի համար: Դուք կօգտագործեք կասկադային ոճի թերթեր (CSS) `պատկերը հավասարեցնելու համար, բայց ձեզ հարկավոր կլինի տեղադրել այն HTML- ի միջոցով էջում: Ստորև բերված է պիտակի օգտագործման օրինակ img> ձեր ծածկագրում պատկեր տեղադրելու համար.

   img src = "dog.webp" alt = "սա շան նկար է">

   • Փոխարեն dog.webp փոխարինել պատկերի ֆայլի անունը, իսկ «alt» - ից հետո մուտքագրել պատկերի նկարագրությունը: Իմաստը կենտրոն «դասի» համար մի փոխեք, քանի որ այդ անունով կստեղծեք CSS դաս:
2. 2 Գտեք CSS ծածկագիրը: Եթե ​​ձեր կայքը ունի առանձին CSS ֆայլ, բացեք այն: Եթե ​​ոչ, ապա CSS- ը, ամենայն հավանականությամբ, գտնվում է HTML ֆայլի վերևում ՝ պիտակների ներսում գլուխ>... Պիտակներ գտնելու համար ոլորեք դեպի ֆայլի վերև ոճ> / ոճ>.
   • Եթե ​​պիտակներ ոճ> / ոճ> ոչ, ավելացրեք դրանք: Լրացուցիչ տեղեկությունների համար կարդացեք այս հոդվածը:
3. 3 Ավելացրեք CSS ՝ պատկերը հավասարեցնելու համար: «50%» -ի փոխարեն կարող եք մուտքագրել այլ արժեք, որպեսզի պատկերը հայտնվի էջում: Դուք չեք կարողանա կենտրոնացնել պատկերը «100%» արժեքով, այնպես որ այս թիվը պետք է տարբեր լինի:

   .center {display: block; լուսանցք-ձախ ՝ ավտոմատ; լուսանցք-աջ ՝ ավտոմատ; լայնությունը `50%; }

4. 4 Պահպանեք ձեր փոփոխությունները: Պահպանեք HTML ֆայլը և CSS ֆայլը (առկայության դեպքում): Սա կենտրոնացնելու է պատկերը:
   • Նաև պիտակների ներսում img> կարող է ավելացնել կենտրոնացնել այլ պատկերներ:

Մեթոդ 2 -ից 2 -ը ՝ «հավասարեցնել» հատկանիշը HTML- ում

1. 1 Ստեղծեք նոր պարբերություն: Թեև պատկերների կենտրոնացման այս մեթոդը հնացած է, այն դեռ աշխատում է բազմաթիվ դիտարկիչներում: Այնուամենայնիվ, խորհուրդ ենք տալիս օգտագործել CSS- ը ՝ կայքը գործունակ պահելու համար, երբ դիտարկիչները դադարում են նշված հատկանիշի աջակցությունից: Հիշեք, որ հատկանիշը շարել նկարը կենտրոնացնելու է միայն այն շրջապատող տարրի ներսում (օրինակ ՝ պիտակների ներսում p> / p> կամ div> / div>): Որպես օրինակ ՝ HTML ֆայլում մենք կստեղծենք նոր պարբերություն ՝ ավելացնելով p> առանձին գծի վրա:
2. 2 Ավելացրեք HTML կոդը պատկերի համար: Պիտակից հետո մուտքագրեք հետևյալ ծածկագիրը p>... Օգտագործեք այս օրինակը որպես ուղեցույց.

   p> img src = "dog.webp" alt = "picture" align = "middle">

   • Փոխարեն dog.webp փոխարինել պատկերի ֆայլի անունը, իսկ «alt» - ից հետո մուտքագրել պատկերի նկարագրությունը:
   • Միջին հատկանիշը զննարկիչին ասում է, որ նկարը ցուցադրվի էջի կենտրոնում:
3. 3 Փակեք պարբերության պիտակը: Դա անելու համար ավելացրեք / p> նկարի պիտակից հետո: Ավարտված ծածկագիրը պետք է ունենա այսպիսի տեսք.

   p> img src = "dog.webp" alt = "picture" align = "middle"> / p>

4. 4 Պահպանեք ձեր փոփոխությունները: Սա կենտրոնացնելու է պատկերը: