Word-break: normal | break-All | keep-all
Valid value:
Normal: default value. Line feed allowed between words
Break-ALL: this behavior is the same as that of the Asian language normal. It also allows non-Asian text lines to be broken in any word.
This value is applicable to Asian texts that contain non-Asian texts.
Keep-ALL: same as normal in all non-Asian languages. For Chinese, Korean, Japanese,
Word disconnection is not allowed. Suitable for non-Asian texts that contain a small number of Asian texts
Note:
Set or retrieve the line feed behavior of text in an object. Especially when there are multiple languages.
Use break-all for Chinese characters.
This attribute is read-only for currentstyle objects. Other objects can be read and written.
The corresponding script feature is wordbreak.
Example:
Div {word-break: Break-all ;}
Word-wrap: normal | break-word
Valid value:
Normal: default value. Allows the content to expand the specified container Boundary
Break-word: the content will wrap in the boundary. If necessary, the line feed (Word-break) will also occur.
Note:
Sets or retrieves whether to disconnect the dashboard when the forward time exceeds the boundary of the specified container.
This attribute only applies to layout objects, such as block objects. To use this attribute for inline elements, you must first set the height or width attribute of the object,
You can also set the position attribute to absolute, or set the display attribute to block.
This attribute is read-only for currentstyle objects. Other objects can be read and written.
The corresponding script feature is wordwrap.
Example:
Div {word-wrap: Break-word; Word-break: Break-all ;}
Table-layout: fixed; // that is, the width is fixed and does not change with the content.
Example 1
- <HTML>
- <Body>
- <Table cellspacing = "0" cellpadding = "0" width = "100%" border = "1">
- <Tbody>
- <Tr Height = "30">
- <TD style = "width: 12px"> </TD>
- <TD class = "bigcaption" style = "width: 150px"> web domain: <SPAN class = "warningdescription"> * </span>
- </TD>
- <TD>
- <Select id = "dwt189webdomain"/>
- </TD>
- </Tr>
- <Tr>
- <TD> </TD>
- <TD valign = "TOP" colspan = "2">
- Bytes
- </TD>
- </Tr>
- </Tbody>
- </Table>
- </Body>
- </Html>
Example 2
- <HTML>
- <Body>
- <Table cellspacing = "0" cellpadding = "0" width = "100%" border = "1" style = "table-layout: fixed">
- <Tbody>
- <Tr Height = "30">
- <TD style = "width: 12px"> </TD>
- <TD class = "bigcaption" style = "width: 150px"> web domain: <SPAN class = "warningdescription"> * </span>
- </TD>
- <TD>
- <Select id = "dwt189webdomain"/>
- </TD>
- </Tr>
- <Tr>
- <TD> </TD>
- <TD valign = "TOP" colspan = "2">
- Bytes
- </TD>
- </Tr>
- </Tbody>
- </Table>
- </Body>
- </Html>