blocks|key|1904394|text|代码的以下部分看起来很奇怪：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1904395|<td+style="{border-top:+grey+thin+solid;+text-align:+right;}">|code-block|syntax|javascript|1904396|样式值周围的{}似乎不是很标准(正如您在doctype声明中指定的那样，您希望浏览器使用定义良好的标准来解释您的代码……)|offset|length|style|CODE|1904397|您可能应该删除这些{}，并使用类似这样的内容--它看起来更符合标准：|1904398|<td+style="border-top:+grey+thin+solid;+text-align:+right;">|1904399|此外，正如@cthulhu所指出的，您正在打开<tr>和<th>标记，但从不关闭它们：|BOLD|1904400|1904401|在以下每一行(和其他行)的开头都有一个开始<tr>：|unordered-list-item|1904402|，第一行有两个开始<th>标记:|1904403|1904404|<tr+class="d0"><th>SCHED+DATE<th>AMOUNT
<tr+class="d0"><td+style="text-align:+left;">Aug+1,+2011</a></td><td+style="text-align:+right;">$100</a></td>
<tr+class="d1"><td+style="text-align:+left;">Jul+27,+2011</a></td><td+style="text-align:+right;">$100</a></td>|1904405|您应该在需要的地方添加结束</th>和</tr>标记：|1904406|<tr+class="d0">
++++<th>SCHED+DATE</th>
++++<th>AMOUNT</th>
</tr>
<tr+class="d0">
++++<td+style="text-align:+left;">Aug+1,+2011</a></td>
++++<td+style="text-align:+right;">$100</a></td>
</tr>
<tr+class="d1">
++++<td+style="text-align:+left;">Jul+27,+2011</a></td>
++++<td+style="text-align:+right;">$100</a></td>
</tr>|1904407|entityMap^0|0|0|6|2|K|7|0|9|2|0|0|5|8|N|4|S|4|0|0|L|4|0|9|4|0|0|0|D|5|J|5|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1A|8|@$I|1B|J|1C|K|L]|$I|1D|J|1E|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|1F|8|@$I|1G|J|1H|K|L]]|9|@]|A|$]]|$1|O|3|P|5|D|7|1I|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|1J|8|@$I|1K|J|1L|K|S]|$I|1M|J|1N|K|L]|$I|1O|J|1P|K|L]]|9|@]|A|$]]|$1|T|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|U|3|V|5|W|7|1R|8|@$I|1S|J|1T|K|L]]|9|@]|A|$]]|$1|X|3|Y|5|W|7|1U|8|@$I|1V|J|1W|K|L]]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1X|8|@]|9|@]|A|$]]|$1|10|3|11|5|D|7|1Y|8|@]|9|@]|A|$E|F]]|$1|12|3|13|5|6|7|1Z|8|@$I|20|J|21|K|L]|$I|22|J|23|K|L]]|9|@]|A|$]]|$1|14|3|15|5|D|7|24|8|@]|9|@]|A|$E|F]]|$1|16|3|-4|5|6|7|25|8|@]|9|@]|A|$]]]|17|$]]

The following portion of your code looks strange :

<pre><code>&lt;td style="{border-top: grey thin solid; text-align: right;}"&gt;
</code></pre>

The <code>{}</code> arround the style's values doesn't seem quite standard (and as you specified, with the <code>doctype</code> declaration, that you want the browser to interpret your code using a well-defined standard...)

 
You should probably remove those <code>{}</code>, and use something like this -- which looks a bit more standard-compliant :

<pre><code>&lt;td style="border-top: grey thin solid; text-align: right;"&gt;
</code></pre>

 
Also, as noted by @cthulhu, you are opening <code>&lt;tr&gt;</code> and <code>&lt;th&gt;</code> tags, but never closing them : 

<ul>
<li>there is an opening <code>&lt;tr&gt;</code> at the beginning of each of the following lines (and others) :</li>
<li>and you have two opening <code>&lt;th&gt;</code> tags on the first line :</li>
</ul>

 

<pre><code>&lt;tr class="d0"&gt;&lt;th&gt;SCHED DATE&lt;th&gt;AMOUNT
&lt;tr class="d0"&gt;&lt;td style="text-align: left;"&gt;Aug 1, 2011&lt;/a&gt;&lt;/td&gt;&lt;td style="text-align: right;"&gt;$100&lt;/a&gt;&lt;/td&gt;
&lt;tr class="d1"&gt;&lt;td style="text-align: left;"&gt;Jul 27, 2011&lt;/a&gt;&lt;/td&gt;&lt;td style="text-align: right;"&gt;$100&lt;/a&gt;&lt;/td&gt;
</code></pre>

 
You should add closing <code>&lt;/th&gt;</code> and <code>&lt;/tr&gt;</code> tags where needed :

<pre><code>&lt;tr class="d0"&gt;
 &lt;th&gt;SCHED DATE&lt;/th&gt;
 &lt;th&gt;AMOUNT&lt;/th&gt;
&lt;/tr&gt;
&lt;tr class="d0"&gt;
 &lt;td style="text-align: left;"&gt;Aug 1, 2011&lt;/a&gt;&lt;/td&gt;
 &lt;td style="text-align: right;"&gt;$100&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class="d1"&gt;
 &lt;td style="text-align: left;"&gt;Jul 27, 2011&lt;/a&gt;&lt;/td&gt;
 &lt;td style="text-align: right;"&gt;$100&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

blocks|key|184397|text|您已经破坏了包含标题的第一行的HTML。它应该是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|184398|<tr><th>SCHED+DATE+AMOUNT</th></tr>|code-block|syntax|javascript|184399|损坏的HTML可能会导致浏览器“跳过”渲染，破坏设计。|184400|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You have broken HTML for the first row which contains the header. It should be:

<pre><code>&lt;tr&gt;&lt;th&gt;SCHED DATE AMOUNT&lt;/th&gt;&lt;/tr&gt;
</code></pre>

Broken HTML probably cause the browser to "skip" rendering things and break the design.

blocks|key|1904437|text|这会破坏你的css：{border-top:+grey+thin+solid;+text-align:+right;}|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1904438|删除周围的{}，它应该可以再次正常。|1904439|entityMap^0|A|1D|0|5|2|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

This breaks your css: <code>{border-top: grey thin solid; text-align: right;}</code>

Remove the surrounding <code>{}</code> and it should be ok again.

blocks|key|184479|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|184480|将第一行更改为<tr><th>SCHED+DATE</th><th>AMOUNT</th></tr>。|ordered-list-item|offset|length|style|CODE|184481|删除底行样式中的{+...+}。|184482|184483|entityMap^0|0|7|17|0|8|7|0|0^^$0|@$1|2|3|-4|4|5|6|M|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|N|7|@$D|O|E|P|F|G]]|8|@]|9|$]]|$1|H|3|I|4|C|6|Q|7|@$D|R|E|S|F|G]]|8|@]|9|$]]|$1|J|3|-4|4|5|6|T|7|@]|8|@]|9|$]]|$1|K|3|-4|4|5|6|U|7|@]|8|@]|9|$]]]|L|$]]

<ol>
<li>Change You first row to <code>&lt;tr&gt;&lt;th&gt;SCHED DATE&lt;/th&gt;&lt;th&gt;AMOUNT&lt;/th&gt;&lt;/tr&gt;</code>. </li>
<li>Remove the <code>{ ... }</code> in your style on the bottom row.</li>
</ol>

I had some code that produced a table, and worked perfectly.

<img src="https://i.stack.imgur.com/1zEqL.png" alt="enter image description here">

This is the code:

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;

&lt;body&gt;

&lt;table&gt;
&lt;tr class="d0"&gt;&lt;th&gt;SCHED DATE&lt;th&gt;AMOUNT
&lt;tr class="d0"&gt;&lt;td style="text-align: left;"&gt;Aug 1, 2011&lt;/a&gt;&lt;/td&gt;&lt;td style="text-align: right;"&gt;$100&lt;/a&gt;&lt;/td&gt;
&lt;tr class="d1"&gt;&lt;td style="text-align: left;"&gt;Jul 27, 2011&lt;/a&gt;&lt;/td&gt;&lt;td style="text-align: right;"&gt;$100&lt;/a&gt;&lt;/td&gt;
&lt;tr class="d0"&gt;&lt;td style="text-align: left;"&gt;Jul 20, 2011&lt;/a&gt;&lt;/td&gt;&lt;td style="text-align: right;"&gt;$100&lt;/a&gt;&lt;/td&gt;

&lt;tr&gt;&lt;td&gt;Total:&lt;/td&gt;&lt;td style="{border-top: grey thin solid; text-align: right;}"&gt;$300&lt;/td&gt;
&lt;/table&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

 
 

Then I added a line so that I could pass html validation at validator.w3.org

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
</code></pre>

but that broke my CSS, the right format is gone, and my total line is gone

<img src="https://i.stack.imgur.com/d0xF8.png" alt="enter image description here">

How can I fix that?

Why does my CSS stop working whenever I add "<!DOCTYPE html....."

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一些代码可以生成一个表，并且工作得很好。​​代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmln...

问为什么每当我添加"<!DOCTYPE html.....“
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么每当我添加"<!DOCTYPE html.....“EN