Inline block elements and block element and an inner element rows (plus conversion mode)

Within the block-level element and the row element and the inner element row block
inline elements: the elements within a row as <span> <a> <img> <br> most marked with descriptive
characteristics: high bandwidth setting invalid.
Invalid margin of up and down, left and right directions effectively, padding up and down are valid, but will stretch their own space.
Wrap not
block-level elements: representative is div, others such as p, header, section, address, semantic enhance readability of the code.
Wherein: can identify the height and width.
Can wrap,
the plurality of write elements are sorted from top to bottom with
vertical and horizontal margin and the padding can be identified.
Inline block elements: wherein the row elements with inherited block elements,
does not wrap,
can identify the height and width of
ordering from left to right.
Conversion mode
display: inline; into inline elements;
the display: Block; into block element;
the display: inline-Block; inline into block elements.

Guess you like

Origin www.cnblogs.com/akone/p/11470476.html