جار التحديث ...
جار التحديث ...

كيف نضبط أبعاد الكتابة في css الابعاد الافقية

  • 0

كيف يمكن ضبط أبعاد الكتابة في css

لدينا مثل هدا الكود في css 

h1

{

;background-color:red

;width:500px

;height:50%

;margin:auto

text-align:center

}

السؤال هو كيف يمكن وضع الوسم h1 في منتصف height  بلا استعمال بادينغ 

هل يوجد حل

إجابات المستخدمين (6)


  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 7

لايوجد طريقة مباشرة للقيام بهذا عبر الكود الخاص بك الآن.

ما تحتاج القيام به هو لف العنوان داخل div حيث يعمل ذلك الdiv كحاوي له

<div class="title-container">
    <h1>title here</h1>
</div>

ثم تقوم بجعل الحاوي يأخذ لون الخلفية، والارتفاع الذي تريده، وتقوم بجعله حاوي flex لتقوم بتوسيط العناصر داخله

.title-container {
    background-color: red;
    height: 50%;
    /* تقوم هنا بتوسيطه عبر هذه الخواص */
    display: flex; /* حاوي فلكس */
    align-items: center; /* توسيط عمودي */
    justify-content: center; /* توسيط أفقي */ 
}
​

 

مثال حي https://codepen.io/anon/pen/EepKgW


  • 1
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 7

استعمل أيضا 

line-height: 10px;


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 7

استعمل أيضا 

line-height: 10px;


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 7

استعمل أيضا 

line-height: 10px;


  • 1
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 7

استعمل أيضا 

line-height: 10px;


  • 1
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
سجل الدخول لاضافة اجابة جديدة


ملئ الشاشة

اضافة سؤال جديد