CSS Miscellaneous (1)

What is a note? A note is written by me at will. Remember what I think is useful at ordinary times.

1. Text-OverflowClip|Ellipsis

Whether to display "..." When text overflows. This attribute must be in overflow: hidden mode.

Clip: do not show the omitted mark (...), but simply crop
Ellipsis: When the object text overflows, the omitted mark (...) is displayed (...) 

EllipsisCode

<Div Style="Width: 50px; Background-color: Silver; text-overflow: ellipsis; overflow: hidden">
123456789
</Div>

Effect:

123456789

 

Two new rules are found:

1. Invalid Chinese Characters

< Div Style = " Width: 50px; Background-color: Silver; text-overflow: ellipsis; overflow: hidden " >
Chinese is invalid. I don't know why
</ Div >

 

Chinese is invalid. I don't know why

2. The width attribute is ignored for inline objects.

< Label Style = " Width: 50px; Background-color: red " > The specified width is invalid. No title page is set. </ Label >

 

:

The specified width is invalid. No title page is set.

If it cannot be displayed normally, you only need to add a display: block, which can be regarded as a block-level element.

The specified width is invalid. No title page is set.

2. Clear the value of this attribute indicates that no floating object edge is allowed.

The value of this attribute indicates that the edge of a floating object is not allowed. See float attributes. The corresponding script feature is clear. None: Allow floating objects on both sidesBoth: Float objects are not allowed.Left: Float objects on the left are not allowed.Right: Float objects on the right are not allowed.