تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

Difference between inline, inline-block, and block.

+ إضافة رد

4 مشاركة صفحة 1 من 1


Difference between inline, inline-block, and block.

بواسطة riyaz123 » الثلاثاء سبتمبر 23, 2014 11:31 am

I know its easy but still I have big confusion about the inline, inline-block, and block?
صورة العضو الشخصية

riyaz123

  • مشاركات: 15
  • اشترك في: السبت يوليو 05, 2014 7:57 am

Re: Difference between inline, inline-block, and block.

بواسطة nanoverso » الأربعاء سبتمبر 24, 2014 12:19 am

The tutorial at http://www.w3schools.com/cssref/pr_class_display.asp has some examples that can be useful.
صورة العضو الشخصية

nanoverso

  • مشاركات: 253
  • اشترك في: السبت مايو 10, 2014 12:08 am
  • مكان: Brazil
--
Free VST Plugins Download.

Re: Difference between inline, inline-block, and block.

بواسطة riyaz123 » السبت أكتوبر 04, 2014 11:02 am

Thank for such a good tutorial.
صورة العضو الشخصية

riyaz123

  • مشاركات: 15
  • اشترك في: السبت يوليو 05, 2014 7:57 am

Re: Difference between inline, inline-block, and block.

بواسطة confidence123 » الاثنين أكتوبر 13, 2014 4:47 am

inline-block elements:
can exist within inline content.
have some box-model properties: borders, margin, padding, but its dimensions are auto by default, i.e. only as wide and high as its content.
If you want the perfect example of an inline-block element, look no further than the <img> element.

block elements:
have box-model properties but its width is 100% by default
can't be wrapped by inline elements
A good example of a block element is a <div>.
صورة العضو الشخصية

confidence123

  • مشاركات: 7
  • اشترك في: الاثنين أكتوبر 13, 2014 4:38 am


+ إضافة رد

صفحة 1 من 1