IMG picture and containers under the border gap solution
Related Tags:
css xhtml xml Example Source Code"/> Example Source Code [CSS tutorial] img (display: block) Second, the definition of containers in the Font size to 0.
Example Source Code [CSS tutorial] (div Width: 110px;
Border: 1px solid # 000000;
Font-size: 0
)
Third, the definition picture img tags vertical-align: bottom, vertical-align: middle, vertical-align: top
Example Source Code [CSS tutorial] img (vertical-align: bottom) Under the picture there are other Border as a negative and rewrite the order of html tags. I think the first three can be solved completely.
IE in a picture with the containers under the border with the reasons for the gap
Some found the online and found that the old9
Picture such as inline text elements and is the default Element of the father-baseline alignment, and the father-and the baseline and the Bottom edge of a certain distance (the distance and the font-size, font-family correlation is not necessarily 5px), the vertical settings - align: top / bottom / text-top / bottom-text can be avoided this happening. And not just li other block authorization img also have this phenomenon.
As for the here HTML attributes align = "center" (the picture will deal with the browser into align = "middle"), equivalent to vertical-align: middle Therefore reason is the same, as long as no vertical-align from baseline, this gap disappeared.
Comment
There are several 1.ie Display mode, in the beginning of html documents statement <! DOCTYPE ....>
If the statement strict model, ie w3c way to show documents, and w3c standards inside <img /> default is an inline tags, unless their explicit statement for the block
2. Ie view that the gap is the default box model line-height, and font-size. To img desplay: block; Although the solution to the problem, but not from the structure of consideration. Be a temporary solution.
- Div + CSS pages and making good use of clear border
- Css Guide: CSS attributes border margin Application
- Border and the list of acronyms should pay attention to?
- Change the border color picture links
- IE in the strange phenomenon of disconnection about border
- CSS Manual (4) Border Border
- IMG picture and containers under the border gap solution
- Making a form px border Methods
- Div ? ? ? ¨°
- Css Guide: CSS border property borders Application
- DIV
- Div + CSS layout entry Tutorial - produced pages - making good use of border and clear
- Relevant forms the border Grammar finishing css
- CSS Manual (5), patch Margin (border)
- To create flexible CSS2 border effects
- CSS Guide primary-white border and
- IE how will double in the border?
- Using CSS attributes of the Border
- DIV CSS layout entry Example (5) border and clear
- DIV + CSS layout entry Example (5) border and clear
On the building of a successful website that experience
Today I will give you some ideas about the building of its own website that experience, if there are different views in the Forum invited posting. Web site content and the interface is simply two aspects. In content, not speak. Is to be a new, fast, all...
Baidu research: how to make your website welcomed by Baidu
Login to the web site first went to the site you only need to submit Home, Baidu internal pages will be automatically crawl. To each page with the heading and text related. If Home, the proposed use of the site title or name of the site on behalf of the company / o...
DIV + CSS page layout entry
You are learning CSS layout? Is it still can not fully grasp pure CSS layout? There are usually two circumstances hinder your learning: The first possibility is that you have not understood the principles of pages dealing with CSS. In the ...
Dreamweaver MX 2004 Video Collection Guide (102)
Set No. 102: onmouseover events and onmouseout incident Curriculum objectives: master onmouseover / onmouseout incident and the role of use. Curriculum points: onmouseover / onmouseout events respectively in the mouse moved to the page elements on the page elements...
Site basic color - vitality
Dynamic expression must contain red color purple. It is "movement" in the best spokesmen. It's purple with red-yellow-green color, the expression will be more energetic atmosphere. More bad purple and red color is yellow, purple and red or...