Სარჩევი:

როგორ აკეთებთ ცენტრს აბსოლუტური პოზიციონირებით?
როგორ აკეთებთ ცენტრს აბსოლუტური პოზიციონირებით?

ვიდეო: როგორ აკეთებთ ცენტრს აბსოლუტური პოზიციონირებით?

ვიდეო: როგორ აკეთებთ ცენტრს აბსოლუტური პოზიციონირებით?
ვიდეო: ეკჰარტ ტოლე - "აწმყოს ძალა" - აუდიო წიგნი - Audible Read Along 2024, ნოემბერი
Anonim

ელემენტის დასაყრდენად აბსოლუტური პოზიციონირების გამოყენებით, უბრალოდ მიჰყევით ამ ნაბიჯებს:

  1. დაამატეთ მარცხნივ: 50% იმ ელემენტს, რომელიც გსურთ ცენტრი .
  2. დაამატეთ უარყოფითი მარცხენა ზღვარი, რომელიც უდრის ელემენტის სიგანის ნახევარს.
  3. შემდეგი, ჩვენ გავაკეთებთ მსგავს პროცესს ვერტიკალური ღერძისთვის.
  4. და შემდეგ დაამატეთ უარყოფითი ზედა ზღვარი მისი სიმაღლის ნახევრის ტოლი.

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

აბსოლუტური ცენტრი თუ გსურთ, თარგმნის გამოყენებით ცენტრი რაღაც ჰორიზონტალურად CSS-ში შეგიძლიათ ამის გაკეთება უბრალოდ, გამოყენებით ტექსტი - გასწორება: ცენტრი ; (ინლაინ ელემენტებთან მუშაობისას) ან ზღვარი: 0 ავტო; (ბლოკის ელემენტთან მუშაობისას).

ანალოგიურად, რა არის აბსოლუტური პოზიციონირება? ელემენტი ერთად პოზიცია : აბსოლუტური ; არის განლაგებულია უახლოესთან შედარებით განლაგებულია წინაპარი (ნაცვლად განლაგებულია ხედვის პორტთან შედარებით, როგორც ფიქსირებული). თუმცა; თუ ა აბსოლუტური პოზიციონირებული ელემენტს არ აქვს განლაგებულია წინაპრების, ის იყენებს დოკუმენტის სხეულს და მოძრაობს გვერდის გადახვევასთან ერთად.

ასევე იცით, როგორ გავაჩერო კონტეინერი გვერდზე?

ტექსტის გასწორების მეთოდი

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

როგორ ახდენთ ობიექტის ცენტრს HTML-ში?

align ატრიბუტი < ობიექტი > არ არის მხარდაჭერილი HTML5-ში. ამის ნაცვლად გამოიყენეთ CSS. ამისთვის ობიექტი შუაზე, ზემოდან ან ქვედაში გასასწორებლად გამოიყენეთ CSS თვისება vertical-align. ამისთვის ობიექტი მარცხნივ ან მარჯვნივ გასასწორებლად გამოიყენეთ CSS თვისება float.

გირჩევთ: