התחבר | הרשמה | שאלות נפוצות
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