مشاركة مميزة

    أفضل مكتبات الماتريال ديزاين إن كنت مصمم مواقع أو مطور مواقع أو حتى مبرمج تطبيقات فهذه المكتبات ستفيدك كثيرا فهي توفر كل الادوات والمستلزمات وفق الماتريال ديزاين. Materialize :: 1مكتبة اخترتها على انها الأفضل والأسهل Materual-UI::2مكتبة MUI CSS ::3 مكتبة Polymer ::4 مكتبة Ionic Material ::5 مكتبة Material Foundation :: 6 مكتبة Surface ::7 مكتبة Essence :: 8 مكتبة LumX :: 9 مكتبة Paper Theme for Bootstrap :: 10 مكتبة Material Design for Bootstrap :: 11 مكتبة Angular Material :: 12 مكتبة Material :: 13 مكتبة Phonon :: 14 مكتبة A Suggestion From Our Readers:  Framework7 :: 15 مكتبة Bonus:  Material Icons :: 16 مكتبة  بالتوفيق
Image
notifications Showing posts with label html. Show all posts
كيفية جعل العنصر العناصر في الوسط باستعمال CSS على المحورين (X,Y) link open_in_new

كيفية جعل العنصر العناصر في الوسط باستعمال CSS على المحورين (X,Y)

يمكنك توسيط عنصر بمكان ما في الصفحى باستعمال css بعدة طرق. في css لديك إمكانيات كثير لتوسيط العناصر لكن لكل إمكانية فوائدها وسلبياتها: بداية التوسيط على محور الأفقي.   لفعل ذلك نستعمل إما: margin: auto; أو text-align: center; أولا margin: auto لهذه الخاصية فائدة جيدة ولكنها تعمل فقط عندما تكون وسم البداي لصفحة html هو <!DOCTYPE html> كمثال: وثانيا باستعمال text-align: center وهذه طريقة أخرى: بهذا النحو سنقوم بجعل البعد عن اليسار أو اليمين هن النصف أي 50% ونجعل العنصر يتبعد بنصف طوله : position: relative; transform: translate(-50%, 0); left: 50%; والآن التوسيط على المحور الأفقي : بهذا النحو سنقوم بجعل البعد عن الأعلى أو الأسفل هن النصف أي 50% ونجعل العنصر يصعد للألعالى بنصف طوله : position: relative; transform: translate(0, -50%); top: 50%; واخير في الأخير سنقوم بتوسيط عنصر من المحورين الأفقي والعمودي: position: relative; transform: translate( -50%, -50%); top: 50%; left: 50%; وسط چین در cssکد css ...