ellipsis punctuation

This article mainly introduces the PHP replacement string intermediate character is the ellipsis method, can be implemented to replace the middle part of the string with the ellipsis function, applicable to the account, cell phone number and other sensitive information of the hidden parts, the need for friends can refer to the next The example in this article describes the method of omitting the intermedia

1, if it is a single line of text:Overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2, if it is multi-line text, the text box height is set to a multiple of the text line, and then after the text to build a content for the "..." width of 1em and set the text background color of after pseudo-class, relative to the text box set absolute position is the bottom 0 right 0, which can be visually achieved the same ellipsis effect.3, or create a new e

General CSS Method--can implement Ie,safari,chrome,opera browser text overflow ellipsis indicates that this is a test text, mainly used to test whether the text overflow will be displayed with ellipses.1 . Zxx_text_overflow_1 {width:27em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}How jquery limits character count1 HTML section: 2 class= "zxx_text_overflow_5"> you kill thousand knives, how to write so man

Write the page encountered a small problem, how to let the div in a row of hyperlink text only display one line, the extra text hidden and add ellipses, suspended when the hidden text display? The problem was solved by discovering a new label for CSS3 text-overflow , whose properties specify what happens when the text overflows the containing element . The syntax is as follows: text-overflow:clip|ellipsis| string;　　 The code is as follows:How to

If you often use C language, the most common statement is to print and output printf, this is a strange function, you can directly output the string char *, you can also add several different parameters at the end, you can it can be left blank, and the limitations are too loose. If you define the printf according to the usual function method, it is definitely not good, like int printf (char *, INT) right, so the ellipsis is used to deal with this situ

Font ChangeTextview.settypeface (Typeface.createfromasset (Getassets (), "Sthupo. TTF "));Sthupo. TTF can download font files on the web and put them into the assets file.Delete LineTextview.getpaint (). SetFlags (Paint. Strike_thru_text_flag);Ellipsis只需要下边的设置：textview.setSingleLine(); textview.setEllipsiz(TextUtils.TruncateAt.valueOf("END"));在xml中设置如下：android:singleLine="true"android:ellipsize="end"Multiple TextView settingsIn my profile, you can dow

Width: A property that must be combinedDisplay:-webkit-box; You must combine the properties to display the object as an elastic telescopic box model.Overflow:hidden; attributes that must be combinedText-overflow:ellipsis; You can use the ellipsis "..." to hide out-of-range text in the case of multiple lines of text.-webkit-line-clamp:2; Control.. Displayed in the first few lines-webkit-box-orient:vertical; You must combine properties to set or retriev

The Text-overflow:ellipsis property is typically used to hide text beyond the length and to increase the ellipsis at the end of the text. 456bereastreet discovery: If in the process of Web page interaction, such as a new layer (such as the mouse to move to the Drop-down menu, pop-up menu content), in Firefox, the text content will of course be obscured by the new pop-up content, but the ellipsis does not.

Pagination with ellipsis can only be implemented on the server side. The following describes the pagination with ellipsis implemented by js. For more information, see, I hope it will help you write the pages. The Code is as follows:

Table{Table-Layout:Fixed;}TD{White-space:Nowrap;Overflow:Hidden;Text-Overflow:Ellipsis;} Principle: This method is used to solveTable CellThe appearance of too much content mainly involves four CSS styles: 1.Table-layout: fixedBecause the default value of table-layout is auto, that is, the width and height of a table depend on the quantity of its content. If the volume of the content cannot be estimated, the final form of the table cannot be guaranteed, fixed.(Note: This style is

Table{Table-Layout:Fixed;}TD{White-space:Nowrap;Overflow:Hidden;Text-Overflow:Ellipsis;} Principle: This method is used to solveTable CellThe appearance of too much content mainly involves four CSS styles: 1.Table-layout: fixedBecause the default value of table-layout is auto, that is, the width and height of a table depend on the quantity of its content. If the volume of the content cannot be estimated, the final form of the table cannot be guaranteed, fixed.(Note: This style is cri

Text more than a few lines on line, this feature almost every text browsing site will be used, the way to achieve it is also a lot, today simply introduce the way to implement it.one-line text does not wrap, and the text is hidden beyond.box-content{overflow: hidden;//文本溢出隐藏text-overflow: ellipsis;//文本溢出显示省略号white-space: nowarp;//不换行}Two. Implement multiple lines of text hiding in the WebKit kernel browser and display ellipsesIn the WebKit kernel, you

You need to set the width to overflow display ellipses.Single-line text:. am-text-truncate { word-wrap:normal;/* for IE */ text-overflow:ellipsis; When text overflows, the ellipsis is displayed to represent the trimmed text. White-space:nowrap; The text in the specified paragraph does not wrap Overflow:hidden;}　　Word-wrap:normal/break-word;Normal wraps only at the allowed hyphenation points (the browser keeps the default processing).Br

Sometimes, in order to avoid the page of a div content too much, and cause page distortion, we usually define Overflow:hidden in CSS, so that will not display text, but it seems that the user experience is not very good, in order to get the best user experience, we hide the text at the same time, You can display ellipses behind text, and there are ready-made methods in CSS that you can use, such as the following CSS definition: 1/*CSS code is as follows: * * 2show{ 3overflow:hidden; 4white-s

One, single-line text truncation word{ text-overflow: ellipsis; /* display ellipses instead of cropped text */ white-space: nowrap; /* blank handling does not break line */ Overflow: hidden; /* Overflow Hide */} Effect:Two, multi-line text truncation wordP{Display:-webkit-box;/*Set the box as a flexible box container*/-webkit-box-orient:Vertical;/*set the inner arrangement of boxes to be arranged vertically*/-webkit-line-clamp:2;/*Show t

First, the demand: The title may not write enough, the next look at the picture, we will understand what is meant. The video and ticket icon is followed by the title, and when the title is too long, icon displays to the ellipsis ... After (the TextView ellipsis is displayed, the icon automatically leans back). Ii. Problem-solving TextView can be android:ellipsize="end" android:singleLine="true" omitt

CSS Properties White-spaceTest Explorer: IE6/7/8/9, opera12.02, firefox15.0.1, chrome21.0.1180.89 m1, text-overflow:ellipsis;The main style here is text-overflow:ellipsis;However, Text-ellipsis is a special style, the explanation is this: the Text-overflow property is only annotations, and if the text overflows, the ellipsis is displayed. No other style attribute definitions are available. The effect of an

In Android TextView, there is an attribute that is too long plus an ellipsis, that is, Ellipsize, as follows:In XML: android:ellipsize= "End" ellipsis at the end android:ellipsize= "Start" ellipsis at the beginning android:ellipsize= "Middle" ellipsis in the middle Android : ellipsize= "marquee" is best to add a textv

There is an attribute in TextView that is too long plus an ellipsis, that is, Ellipsize, as follows:in XMLAndroid:ellipsize = "End" ellipsis at the endAndroid:ellipsize = "Start" ellipsis at the beginningAndroid:ellipsize = "Middle" ellipsis in the middleAndroid:ellipsize = "Marquee" marqueeIt's best to add a constrain

In Android, the maximum length of TextView is set, and the ellipsis is displayed. androidtextview Today, I encountered a problem in the project. The title bar on the top of a page shows the company name. However, the company name is too long to be displayed, which affects the appearance. For this reason, I would like to make a small summary here. TextView has an ellipsize attribute, which is used to display the control when the text is too long: