How to achieve beyond concealment in css style

In this article Xiaobian for you to introduce in detail "css style how to achieve beyond hiding", the content is detailed, the steps are clear, the details are handled properly, I hope this "css style how to achieve beyond hiding" article can help you solve your doubts, the following follow the editor's ideas slowly in-depth, together to learn new knowledge.

The css style implementation goes beyond hiding: first create a HTML sample file; then set the text beyond the hidden effect through "overflow: hidden;text-overflow: ellipsis;".

This article operating environment: windows7 system, HTML5&&CSS3 version, DELL G3 computer

How does the css style go beyond hiding?

Css style excess ellipsis

Width: 30pxscape characters: hidden; / / Hidden white-space: nowrap; / / do not wrap text-overflow: ellipsis; / / excess ellipsis

Definition and usage:

The white-space property sets how white space within an element is handled.

Possible values:

Value description normal default, white space will be ignored by the browser pre white space will be retained by the browser. It behaves similar to the pre tag nowrap text in HTML that does not wrap, and the text continues on the same line until it is encountered

Pre-wrap retains a blank sequence until the tag, but normally wraps the inherit stipulating that the value of the white-space attribute should be inherited from the parent element

The text-overflow attribute specifies what happens when a text overflow contains an element.

Value description clip default, trimmed text ellipsis shows ellipsis on behalf of the omitted text string applies the given string to represent the trimmed text to read here, this "css style how to achieve beyond hiding" article has been introduced, want to master the knowledge of this article also need to practice to understand, if you want to know more about the content of the article, welcome to pay attention to the industry information channel.