გამოიწერე YouTube-ის არხიyoutube logoგამოწერა

საიტის აწყობა, როგორ მუშაობს CSS flexbox (display: flex;)

მოცემულ ვიდეოში ვისაუბრობ თუ, როგორ მუშაობს CSS flexbox

ფლექს კონტეინერი ეწოდება ელემენტს, რომელსაც CSS-ში აქვს display:flex; ან display:inline-flex; მნიშვნელობები

.flex-container {
  display: flex;
  background-color: DodgerBlue;
}

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

<div class="flex-container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</div> 

flexbox-ის დოკუმენტაცია

კურსში შემავალი თემები

🔗 HTML🔗 CSS🔗 flex🔗 flexbox

დამატებითი რესურსები

სხვა კატეგორიები

შეისწავლეთ ვებდეველოპმენტის ენები სრულიად უფასოდ, ისეთები როგორებიცაა Javascript, HTML, CSS და კიდევ სხვა მრავალი ენა

ბოლოს დაწერილი ბლოგები პროგრამირებაზე

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