gpt4 book ai didi

html 文档类型添加空格?

转载 作者:太空狗 更新时间:2023-10-29 13:23:18 25 4
gpt4 key购买 nike

有人可以向我解释为什么文档类型为

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">

在 firefox 下以不同方式呈现以下 block ?

<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' 则有!

第二个问题,使用严格,是否有可能删除这个空格?

最佳答案

正如您在 this table 中看到的那样, 第一个 Doctype triggers所有浏览器中的怪癖模式,second将触发标准模式。

这个故事的其余部分在 Images, Tables, and Mysterious Gaps 继续:

Setting images to be blocks

The first choice, and one that willwork for most graphically-intensedesigns, is to convert the image frombeing an inline element to ablock-level element. Do that, and itno longer generates a line box, and sothe problem goes away-- assuming thatthe image is the only thing thatoccupies that table cell. In thesimplest case, we might add a stylelike this:

td img {display: block;}

关于html 文档类型添加空格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2953763/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com