html5, CSS
CSS <table> <td> wrap
F.xavier
2018. 6. 8. 21:12
CSS style에서는 Table Size를 고정하기 위해 NoWrap을 사용하지만 부분적으로 Wrap 필요한 경우에 사용하는 것이
CSS white-space Property
Example
Demonstrate different values of the white-space property:
p.a {
white-space: nowrap;
}
p.b {
white-space: normal;
}
p.c {
white-space: pre;
}
CSS Syntax
white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;
Property Values
Value | Description | Play it |
---|---|---|
normal | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary. This is default | |
nowrap | Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br> tag is encountered | |
pre | Whitespace is preserved by the browser. Text will only wrap on line breaks. Acts like the <pre> tag in HTML | |
pre-line | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks | |
pre-wrap | Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |