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

كيف ألغي المساحات بين العناصر المعروضة ك inline-block ?

  • 0

هنا أكواد ال HTML , CSS

 

<p>
    <span> Foo </span>
    <span> Bar </span>
</p>
span {
    display:inline-block;
    width:100px;
    background-color:palevioletred;
}

والنتيجة تظهر وجود فرق 4 بكلس بين كل `<span>`

انظر النتيجة من هنا

http://jsfiddle.net/dGHFV/

بكل الأحوال انا اتطلع لحل بدون تغيير في ال html ان امكن

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


  • مسؤول
  • قديم العهد
  • قبل أشهر 9

Margin;0


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

الردود :


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


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

margin:0px;


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

الردود :


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


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

او من هذا الرابط:

http://jsfiddle.net/kqf7vm0o/


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

الردود :


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


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

تفضل أخي جرب هذا

 

span { 

    display:inline-block;

    width:100px;

    background:blue;

    font-size:30px;

    color:white; 

    text-align:center;

    

}

p span:not(first-child){

  margin-left: -10px

}


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

الردود :


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


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