pst*_*ton 9 html firefox rendering xhtml-1.0-strict
有人可以向我解释为什么要有一个doctype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
和
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
在Firefox下以不同的方式呈现以下块？
<table style="border-collapse:collapse; margin:0; padding:0;">
<tr>
<td style="border:1px solid red; margin:0; padding:0;"><img src="http://images.smh.com.au/2010/06/01/1533814/th_park-90x60.jpg" style="border:none; padding:0; margin:0;" /></td>
</tr>
</table>
使用'Transitional',图像下面没有空白区域,使用'Strict'就可以了!
第二个问题,使用严格,是否有可能删除这个空格？
Mar*_*pel 14
正如您在此表中所看到的,第一个Doctype 在所有浏览器中触发了怪癖模式,第二个将触发标准模式.
这个故事的其余部分继续在图像,表格和神秘的差距:
第一个选择,也适用于大多数图形密集型设计,是将图像从内联元素转换为块级元素.这样做,它不再生成一个线框,所以问题就消失了 - 假设图像是唯一占据该表格单元格的东西.在最简单的情况下,我们可能会添加这样的样式:
Run Code Online (Sandbox Code Playgroud)td img {display: block;}