Realize text automatically hide with CSS

xiaoxiao2021-03-06  63

Do not change (without wrap)

Overflow

Version: CSS2 compatibility: IE4 NS6 inheritance: None

grammar:

Overflow: Visible |

AUTO |

Hidden |

Scroll

parameter:

Visible: Do not add a scroll bar without cutting. If this default is explicitly declared, the object will be cut into the size of the Window or Frame containing the object. and

CLIP property settings will be invalid

Auto: This is

Body object and

The default value of Textarea. Cut the content while needing and add a scroll bar

Hidden: Does not show content of the object size

Scroll: Always display scroll bar

Description:

Search or set how to manage content when the content of the object exceeds its specified height and width.

Setting the TextArea object to hide its scroll bar for the hidden value.

For TABLE, if

The Table-Layout property is set to fixed, and the TD object supports overflow properties with the default value Hidden. If set to Hidden, Scroll, or Auto, the content that exceeds the TD size will be cut. If set to Visible, it will cause additional text overflow to the right or left (depending on

The unit of Direction property is set).

Since IE5, this property is available on the Mac platform.

The corresponding script feature is Overflow.

Example:

Body {

Overflow: hidden;

Div {

Overflow: Scroll; Height: 100px; Width: 100px;

TEXT-OVERFLOW version: IE6 proprietary attribute inheritance: no

grammar:

Text-overflow:

CLIP |

Ellipsis

parameter:

CLIP: Does not show omitted tags (...), but simple cutting

Ellipsis: Display omitted tags (...) when text overflow within the object

Description:

Set or retrieve whether to use a omitted tag (...) overflow overflow within the object.

The corresponding script feature is

Textoverflow. Please refer to other books I have written.

Example:

Div {

Text-overflow: clip;}

Code:

转载请注明原文地址:https://www.9cbs.com/read-87017.html

New Post(0)