This article describes how to replace the intermediate character of a string with a Ellipsis in php, which can be used to replace the intermediate part of a string with a ellipsis. it is suitable for hiding sensitive information such as accounts and mobile phone numbers, for more information about how to replace the ellipsis in a string with php, see the followin
Article provides three kinds of articles on the title too long, control displayed as a method, the following three CSS Tutorial control ellipsis mode display (ie, FF) code, after two are compatible ie,firefox.
div{
The basic definition of width:200px;/* container * *
height:200px;
Background-color: #eee;
}
/* IE under the style * *
P span{
Display:block;
width:200px;/* to the width of the definition, according to the circumstance
You should all know that using the Text-overflow:ellipsis property to implement a single line of text overflow displays ellipses (...). Of course, some browsers also need to add width widths properties.
The code is as follows
Copy Code
Overflow:hidden;Text-overflow:ellipsis;White-space:nowrap;
However, this property does not support multiple lines of text overflow display ellipsis, here, according to the applicat
Compatible with Firefox, Opera, chrome text overflow add ellipsis function, as if previously shared several code,However, the compatibility of browsers has not been considered before, now the compatibility of the major browsers are doing well,When the text or character outside the outer div, automatically hide and add the ellipsis, for the front-end development, this is a pretty good CSS effect bar.Add
In a line of text beyond the ellipsis display we often use the following methodsDisplay:block;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;But when two lines and above are required, we need to change another method, the code is as followsDisplay:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;At this point the width of the parent is determined, if the requirement to display 3 lines beyond the
When using the TextView to display the title, if the title is too long, we do not want its line-breaking display, this time we need its automatic truncation, the more than the portion is displayed as an ellipsis.As shown, the title is too long, the line is automatically wrapped, the display is not very good looking.At this point we need its automatic truncation, and the excess part is shown as an ellipsis.The following properties of the TextView are required in the XML layout:Android:ellipsize=
Not to do the front-end for a long time, today from the refactoring to understand that CSS3 has been able to achieve a lot of the past must be achieved through JS, such as gradients, shadows, automatic truncation of text display ellipsis and other powerful effects, and these features are maturing, has been used in a large number of production environments. The H5 is really maturing, and has to be made up of evil.The following share implements the demo
1.text-overflow:ellipsis implementationOverflow:hidden;text-overflow:ellipsis;//clip|ellipsiswhite-space:nowrap;2.-webkit-line-clampWidth:200px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient : Vertical;border:solid 1px black;3. Use the Include ellipsis (...) The implementation of elemental simulation. demo { height:200px; width:200px; position:relative; Line-height:1.4em; Height:4.2em;
1 TextView2 Android:id= "@+id/music_title" 3 Android:layout_width= "Wrap_content" 4 Android:layout_height= "Wrap_content" 5 android:textsize= "20SP" 6 android:ellipsize= "End" 7 Android:singleline= "true" 8 Android:textstyle= "Bold" /> Singleline set to True, you can implement a single line, and the ellipsis at the end, while the ellipsize is the position of the control ellipsis, respective
Configure cloud input for Fcitx input method
Why the Candidate box shows the ellipsis
When you use FCITX to enter Chinese, you can often see the second or third of the candidate words appear as ellipses, which is actually a FCITX candidate for cloud adaptation. Because the FCITX by default is Google, and Google on the mainland is not normal access, so the candidate word box here becomes an ellipsis. How t
First, the DIV section1 Body > 2 Div > Multi-line display how to solve, after a Google, I found a chrome API can solve the above mentioned requirements-webkit-line-clampDiv >3 body>Then, the CSS Section1. Single line1 Div {2 width:150px; 3 Overflow:hidden; 4 text-overflow:ellipsis; 5 display:-webkit-box; 6 -webkit-line-clamp:2; 7 -webkit-box-orient:vertical; 8 background-color:lightcoral; 92. Multi-lineThe main use of the-webkit-line-clamp. Because it
Today to do something, encountered this problem, Baidu after summing up the results.
First, you need to know the three properties of CSS.
Overflow:hidden; Out-of-text hiding
Text-overflow:ellipsis; Overflow with ellipsis display
White-space:nowrap; Overflow does not break line
These three are the basic properties of CSS and need to be remembered.
But the third attribute, can only display one row, cannot use here, then if displays many lines?
CSS3 so
Below for you to share an article to solve the Python output is the ellipsis problem, has a good reference value, I hope to be helpful to everyone. Come and see it together.
The problem is very, very important, it's not settled all night, but it's really simple and simple, if you're also using the NumPy array, if you want the entire contents of the output matrix, rather than omitting the form,
[[0.10284943 0.0959931 0.00076021 ...,-0.01035775 0.0256
Clip: When inline content overflows the block container, the overflow is trimmed off.Ellipsis: When inline content overflows the block container, replace the overflow part with the (... )。When the block container > We will text-overflow the necessary 3 properties: Original source: http://gucong3000.github.io/css-book/properties/user-interface/text-overflow.htmCSS3 text is out of bounds after an ellipsis appears
DOCTYPE HTML>HTML>Head>MetaCharSet= "Utf-8">Metaname= "Author"content= "http://www.51texiao.cn/" />title>Titletitle>styletype= "Text/css">Div{Overflow:Hidden;White-space:nowrap;Height:30px;width:230px;Border:1px solid Red;Line-height:30px;Margin-top:10px;Text-overflow:ellipsis;}style>Head>Body>Divclass= "First">Every day is new, so life has to be different from yesterday!Div>Body>HTML>Copy CodeThe CSS implementation title exceeds the width ellipsis to
HTML code:CSS code:div{Basic definition of width:200px;/* container */height:200px;}/* Style under IE */P span{Display:block;width:200px;/* definition of width, modified according to situation */Overflow:hidden;White-space:nowrap;Text-overflow:ellipsis;}/* Style under FF */P{clear:both;}P span{Float:left;max-width:175px; /*ie cannot interpret this property , and FF can */}p:after{Content: "...";}Turn CSS single-line overflow text display ellipsis ...
The JavaScript string handler function, which intercepts the string according to the length of the definition, cuts out the append ... many times the content displayed on the page needs to be indented "..." This method is used to process the string display fixed length, the extra-long part with "..." instead of:/** Parameter Description: * Based on length interception first use string, Extra long part append ... * str object string * len target byte length * return value: Process result string*/
Form:table{table-layout:fixed;}}Ttd{White-space:nowrap;Overflow:hidden;Text-overflow:ellipsis;}}This method is used to solve the problem of aesthetic appearance when there are too many contents of table cells, mainly involving 4 CSS styles:1. table-layout:fixed because the default value of Table-layout is auto, that is, the width of the table will depend on the size of its content, if the volume of the content can not be estimated, then the final form of the form can not be guaranteed, fixed a b
to breathe air that has not been over-rendered by car exhaust? Want to make a breakfast for your lover? You have to get up early! You didn't finish it last night? How many pages is the word? Catch a plane and catch a train? You have to get up early! You don't want to go to work and get up early, don't you?P> P>Everyone is welcome to the early bird with the worm-21 days early plan. Set off, in the process of bathing the morning light, we wish everyone to start a good day! P> spanclass=
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.