CSS learning (9) Box Model Application

1. aspect alteration range

By default, width and height are the width and height setting contents cassette

Page remodeling division: the psd file (design draft) for the production of static pages

When the size of the design draft measure, often using border box

CSS3 box-sizing can be provided in the set width height of the object, such as a contant-box border-box

2. Background of the coverage changes

By default, the same as the size of the background and border box

Size range can be changed by the background-clip

3. overflow handling

When the content exceeds the box too, using overflow processing

Value: hidden overflow partially hidden

  scroll using scrollbars

  overflow-x:scroll  或   overflow-y:scroll

  auto scroll bar when needed

4. hyphenation rules

word-break, it will affect the text is truncated in what position Wrap

normal: Normal. CJK (CJK) characters (text truncation position), non-CJK characters (word position truncation)

break-all: all text in the text are cut off position (the English word letter will be truncated)

keep-all: all text between the words are cut (Chinese no spaces, punctuation, then it will not be cut off)

5. Processing Blank

white-space: nowrap; not wrap

overflow: hidden; overflow partially hidden

text-overflow: ellipsis; local display incomplete instead of using ...

Guess you like

Origin www.cnblogs.com/1016391912pm/p/11565317.html