Web design applications: the use of the latest word CSS
Latest word is a very disgusting issue. To cater for the needs of performance, usually need to long sentences, such as a list of news headlines, truncated.
Usually this background the use of technology by the programmer (various popular language, PHP, JSP, etc.) or future technologies (JavaScript) to deal with. Personally, I prefer to use future technology, because this website to enhance the affinity (accessibility) benefit. In the non-desktop browser, users can be more convenient access to information integrity.
CSS3 text-overflow is the nature of a (property), which can be truncated long string, and based on value (value) were to decide to use part of the manner in which Jiediao show. Currently, IE has achieved its support, Opera is a private property (- o-text-overflow) their support, Firefox seems backward step…… support of the two ellipsis value can be used to replace part of a ellipsis Jiediao (ellipsis).
So, you need to do is simply to cut the need for elements of good character width, and the overflow used together, can achieve results.
But Firefox does not support, you know, I probably should do the following. :)
Yahoo to be able to look at a large cattle solution: http://blog.360.yahoo.com/blog-ktYYK_s5fqJ2Hu1ryv2QSL0-?p=120. Niu Niu is a big, two-pronged XBL and JavaScript.
Then, my solution is the use of pseudo-categories: after increasing ellipsis, and then it can be to the right location. Effects of a rough, but succinct and clear, pure CSS achieve.
Not a specific process to see cases, those interested look at the source, it is easy to understand.
Web design applications: the use of the latest word CSS - Welcome to the CSS software tutorial area天æž
Tags: CSS style design, Word Spacing
Leave a Reply