Სარჩევი:

როგორ მოვახდინო ფონის სურათის ცენტრირება div-ში?
როგორ მოვახდინო ფონის სურათის ცენტრირება div-ში?

ვიდეო: როგორ მოვახდინო ფონის სურათის ცენტრირება div-ში?

ვიდეო: როგორ მოვახდინო ფონის სურათის ცენტრირება div-ში?
ვიდეო: The only 2 correct ways to center a div #css #frontenddeveloper 2024, ნოემბერი
Anonim

სტილის ფურცელი: CSS

შემდეგ, როგორ გავამახვილო გამოსახულების ცენტრი div-ში?

რომ სურათის ცენტრირება ტექსტის გასწორების გამოყენებით: ცენტრი ; თქვენ უნდა მოათავსოთ

ბლოკის დონის ელემენტის შიგნით, როგორიცაა ა დივ . ვინაიდან ტექსტის გასწორება ეხება მხოლოდ ბლოკის დონის ელემენტებს, თქვენ განათავსებთ ტექსტის გასწორებას: ცენტრი ; შესაფუთი ბლოკის დონის ელემენტზე ჰორიზონტალურად ორიენტირებულის მისაღწევად

შემდგომში ჩნდება კითხვა, როგორ გავაჩერო div? ტექსტის გასწორების მეთოდი

  1. დაურთეთ div, რომლის ცენტრირებაც გსურთ მშობელ ელემენტთან (საყოველთაოდ ცნობილი როგორც შეფუთვა ან კონტეინერი)
  2. დააყენეთ „ტექსტის გასწორება: ცენტრში“მშობელ ელემენტზე.
  3. შემდეგ დააყენეთ შიდა div „display: inline-block“

ამასთან დაკავშირებით, როგორ გავასწორო ფონის სურათი ცენტრში?

ამისთვის ცენტრი ან პოზიციონირება ფონის სურათი უნდა გამოიყენოთ ფონი - პოზიცია ქონება. The ფონი - პოზიცია თვისება ადგენს საწყისს პოზიცია ა ფონის სურათი ელემენტის ზედა და მარცხენა მხრიდან. CSS სინტაქსი არის ფონი - პოზიცია : xvalue yvalue;.

როგორ გავაჩერო div ჰორიზონტალურად?

ვნახოთ a-ს ჰორიზონტალურად ეტაპობრივად ცენტრირება:

  1. დააყენეთ გარე ელემენტის სიგანე (ანუ 100% მოიცავს მთელ ხაზს).
  2. დააყენეთ margin თვისება auto-ზე, რათა ელემენტი ჰორიზონტალურად იყოს გვერდის შიგნით.
  3. დააყენეთ სასურველი ფერები გარე და შიდა დივებისთვის ფონის ფერის თვისების გამოყენებით.

გირჩევთ: