CSS single row overflow text display ellipsis... method (compatible with IE ff) (convert)
Html
Code :
CSS web design I love CSS-Standardized Web Div + CSS tutorial-www.52css.com
CSS code:Div {Width: 200px;/* basic definition of the
Div dislocation in IE6
The DIV using "float: Left" has no problem in IE8, IE7, but moves down in IE6, leading to a blank space. This is because the Kernel used by IE6 increases the distance between divs by 3 by default ~ 5 PX, so try to add
Core concept:
Make it as small and simple as possible
Let it invoke the render
The entire UI set is single-batch;) and presented through a single drawtriangles ... This may not be very clever but it's fun! No dynamic text
How to center a DIVThe main style definition is as follows: body {TEXT-ALIGN: center ;}# Center {MARGIN-RIGHT: auto; MARGIN-LEFT: auto ;}Note:First, define TEXT-ALIGN: center in the parent element. This means that the content in the parent element
New IE8, more asshole. Now let ie explain it with IE7 script.
Add to the head.
1.> it is a sub-Selector Used to match the direct generation, and the grandchildren do not match. IE6 is not supported. Example:Li: hover> A sub-object selector only
Uses the text-overflow attribute of CSS to capture titles based on the size of the display area.
Program Automatic title capturing has two advantages:
(1) because the Chinese and English fonts have different widths, the program automatically
force line feed
the value exceeds the hidden value. Set the width.
Inline conversion to block: Display: block or float: left/right
Bulk conversion to inline: Display: inline;
However, you must note that the width and height cannot be set for
Only one row can set the margin in the width, height, and vertical direction, and the margin and padding in the horizontal direction of padding.
Block Element: Yes, yes, yes
Inline element: No, no
Question: Change the nine days of the next
I. CSS HACKThe following two methods can solve almost all today's HACK.1 ,! ImportantWith IE7! Important Support ,! The important method is only for the HACK of IE6.(Note the writing method. Remember that the declaration position must be in
JS Object Attributes
Document. title // set the document title is equivalent to the tag of HTML.
Document. bgColor // set the background color of the page
Document. fgColor // set the foreground color (text color)
Document. linkColor // The link
MASM (Macro volume ER) is an assembly tool provided by Microsoft. Although it has been around for some years, it still exists in newer tools such as vc.net. Many compilation textbooks take this as an object and show how to use compilation to design
1. DivCenter problem When div sets margin-left and margin-right to auto, it is already centered,IE doesn't work. IE needs to set the body to center,First, define text-algin: center in the parent element;This means that the content in the parent
Use div + css! Important tag differences between Firefox and IE6[Use! Important flag can be different between Firefox and IE6]Firefox support! Important flag, while IE6 ignores! Important flag, so you can use it! The important tag distinguishes
Document directory
CSS skills
Ff and IE
No P! Haha
CSS compatibility with browsers is sometimes a headache. Maybe when you understand the skills and principles, you will feel that it is not difficult to collect IE7 from the Internet, 6. Solve
Http://www.51css.net/html_css/div_css/2516.html
This article describes common browser bugs, focusing on IE browser bugs, common CSS hack and CSS comments, reduce unnecessary troubles in daily Div CSS layout;This article is from www.51css.net.
Read
When designing a website, you should pay attention to CSS style compatibility with different browsers. Especially for networks that fully use Div CSS design, you should pay more attention to IE6 IE7 FF's compatibility with CSS styles. Otherwise,
6.1.4 jmenuitem class
The jmenuitem component is a predefined component that you can select on the menu bar. As a subclass of abstractbutton, jmenuitem is a special button component and its behavior is similar to jbutton. In addition to being a
InWebsite DesignPay attentionCSS style compatibilityDifferent browser problems, especially those designed for completely using Div CSS, should pay more attention to IE6 IE7 FF's compatibility with CSS styles. Otherwise, your network may be out of
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.