html - 为什么 xhtml1-strict.dtd 给额外的空间？-6ren

html - 为什么 xhtml1-strict.dtd 给额外的空间？

转载作者：行者123 更新时间：2023-11-27 22:31:42

25

4

table-default.html之间的区别和 table-dtd.html是额外的一行:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

前面有如下代码:

  <table align="center" border="0" cellpadding="0" cellspacing="0" width="960">
    <tbody><tr>
      <td bgcolor="#00ff00">Up</td>
    </tr>
  </tbody></table>

  <table align="center" border="0" cellpadding="0" cellspacing="0" width="960">
    <tbody><tr>
      <td bgcolor="#3f3f3f"><img src="http://dl.dropboxusercontent.com/u/467352/Screenshots/line.jpg" height="5" width="960"></td>
    </tr>
  </tbody>
  </table>  

  <table align="center" border="0" cellpadding="0" cellspacing="0" width="960">
    <tbody><tr>
      <td bgcolor="#0000ff">Down</td>
    </tr>
  </tbody></table>

如何使用 css 删除 table-dtd.html 中的多余空间(红线图像上方和下方)？

最佳答案

由于第一个文件是在 quirks 模式下呈现的，所以像 td 这样的 block 元素将折叠在内联元素周围。在标准模式下(使用文档类型)它们不会。后者是标准行为；它与其他元素的工作方式更加一致。

解决方案是使用display:block在图像上，因此它不再是内联元素。

在<head> :

<style type="text/css">
  td img {display:block}
</style>

但如果这就是所有 HTML 的样子，它需要很多更多的工作来消除所有怪癖!

关于html - 为什么 xhtml1-strict.dtd 给额外的空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17342233/

25

4

0

文章推荐： Javascript 创建的 div 不在 IE 中读取 CSS

文章推荐： c++ - 具体类的析构函数

文章推荐： html - jSignature - 增加签名接受区域的高度

文章推荐： c++ - DNA字符串排序函数问题

JavaScript:可以使用单引号 5's Strict Mode (") 启用 ECMAScript ('use strict' use strict") 吗？
JavaScript 不关心字符串是双引号 "double" 还是单引号 'single'。 ECMAScript 5 严格模式的每个示例都通过双引号中的 "use strict" 启用。我可以执行以
javascript - 在javascript中，: (function() {"use strict"}) (); and "use strict"?有什么区别
这个问题在这里已经有了答案: What does "use strict" do in JavaScript, and what is the reasoning behind it? (30 个答
javascript - 如何在具有 `this` 和 "strict"模式的常规箭头 fn 内确定正确的 "non-strict"？
对于下面的代码片段案例 1:严格模式 "use strict" let obj = { method: function(){ console.log(this); }, arr
javascript - 当你组合 "use strict"时会发生什么；内部函数为 "use strict"；在全局背景下？
function useStrict(){ "use strict"; } "use strict";
xhtml-1.0-strict - 开放图协议(protocol)不是有效的 XHTML 1.0 Strict？
协议(protocol): http://opengraphprotocol.org/ 声明使用带有 property 属性的标签. AFAIK，这不是有效的 XHTML 1.0 Strict 值。
javascript - 我们应该使用 "use strict"吗？与第三方库(主干，下划线)？我们怎么知道它们是 'strict' 兼容的？
我研究了一些库，它们似乎不包含文件或函数级别的 "use strict"; 行。因此，如果开发人员启用严格模式，那么我们如何知道库是否兼容？可能会有一些奇怪的功能或浏览器特定问题，这些问题在启用严格模
javascript - 如果我们的 html 文件已经有 "use strict"，我们是否需要将 "use strict"放在外部 js 文件中？
如果我们的 html 文件(导入外部 js 文件)已经有“use strict”，我们是否需要在外部 js 文件中加入“use strict”？如果我们的外部 js 文件没有“use strict”
html - 使用 XHTML 1.0 strict with content="text/html; 超过 HTML 4.01 strict 有什么优点？
我相信这里的每个人都知道我们无法在不破坏 IE 兼容性的情况下为 XHTML 提供具有正确 MIME 类型 (application/xhtml+xml) 的页面，并且任何使用 text/html 提
haskell - “Strictness” 方括号
我将这些定义放在一个文件中: x = 'a' : 'b' : 'c' : [] y = ['a', 'b', 'c'] (重要的是在文件中定义它们，而不是在 GHCi 中，因为在后一种情况下，事情变得
javascript "strict"和实例化全局模块
我想在 javascript 中使用 "use strict"; 模式，但在严格警告方面存在一些问题。我有一个“小部件”，例如: var Widget = function () { /* ... *
c++ - Strict Aliasing怎么解决？
inline void addHeader(T value) { if(sizeof(T) > m_outputBufferStart) { std::clog <<
HTML Strict 增加行高
为什么 XHTML 1.0 Strict 显示的行高比 XHTML 1.0 Transitional 中相同值的行高显示得大？因此，这将下推表格单元格中的内容(即 Firefox 中的 Hotmai
深入理解javascript严格模式(Strict Mode)
ECMAScript5中引入的严格模式,通过让JavaScript运行环境对一些开发过程中最常见和不易发现的错误做出和当前不同的处理,来让开发者拥有一个”更好”的JavaScript语言。很长一段时
MySQL模式 Strict Mode知识点详解
I. Strict Mode阐述根据 mysql5.0以上版本 strict mode (STRICT_TRANS_TABLES) 的限制： 1).不支持对not null字段插入null值
为啥JS/TS里都会有“use strict“
本文分享自华为云社区《JS/TS里的"use strict"严格模式是什么？》，作者： gentle_zhou。在日常JS/TS项目开发过程中，经常会在文件开头看到"use strcit"字样，这里
JavaScript “use strict“（严格模式）
在本教程中，您将借助示例了解 JavaScript 的“严格模式”语法。在 JavaScript 中，‘use strict’; 声明代码应该在“严格模式”下执行。这使得编写良好且安全的 J
javascript - 使用ES模块时是否隐含 'use strict'？
我在学习 JS 时遇到了“use strict”。然后，这里Should I 'use strict' for every single javascript function I write? @B
FFMPEG 使用 -strict -2
嗨我最近一直在使用下面的命令 Ffmpeg -i song.mp3 -loop 1 -i image.jpg -filter_complex \ "[0:a]showfreqs=mode=line:a
arrays - 如何避免使用 'strict' 时产生的这个错误？
如果 use strict;，我有几行代码可以工作被注释掉了。但是，我不想仅仅因为一小部分而在整个脚本中禁用它。我需要重新编码，或者以某种方式禁用 use strict;暂时，然后重新启用它。第一个
Angular 10 更严格的设置 --strict
在 Angular 10 中，您可以使用 ng new --strict 创建一个新项目。 Enabling this flag initializes your new project with a

首页

博学

6Ren·AI

商城

html - 为什么 xhtml1-strict.dtd 给额外的空间？