Inline elements within elements associated block elements 3.3

Element is the label, there are three commonly used in the layout of the label, the block elements, inline elements, block elements inline

3.3.1 block elements

  Block element, also referred to as row elements, the layout commonly used labels: div \ p \ ul \ li \ h1-h6 \ dl \ dt \ dd block are all Mutual; it acts in the layout:

    a. supports all styles

    b. If the width is not set, then the default width of the wide parented 100%

    c. occupied line box, even if the width

3.3.2 inline elements

  Inline element, the element may also be called a row, layout used tags, such as: a pan em b strong i like, which acts in the layout:

    a. styles support portion (no width, height, vertical margin, padding up and down)

    b. width and height determined by the contents

    c. box and line

    d. newline codes, the spacing between boxes is generated

    e. sub-elements are inline elements, elements you can use text-align attribute of the element horizontally aligned manner

3.3.3 Solution inline element gap

    a. between the wrap removed inline elements

    b. Place the parent element disposed inline font-size is 0, then set itself inline elements font-size

3.3.4 with the block elements

  Inline block element, also called inline element is a new element type, not attributable to existing elements of this type;

Guess you like

Origin www.cnblogs.com/zijiang-4476/p/12148777.html