Html 表格边框折叠不适用于内联块？
此示例以两种不同的方式显示两个表。在第一种情况下，一个表位于另一个表之上。在第二种情况下，它们是并排的。这两种情况之间的唯一区别是使用Html 表格边框折叠不适用于内联块？,html,css,html-table,Html,Css,Html Table,此示例以两种不同的方式显示两个表。在第一种情况下，一个表位于另一个表之上。在第二种情况下，它们是并排的。这两种情况之间的唯一区别是使用显示：内联块；此外，在第一种情况下，表格由底部填充的分隔，在第二种情况下，表格由右侧填充的分隔 <HTML> <HEAD> <TITLE>Title</TITLE> <STYLE type="text/css"> table { border-collapse: collapse; bo
显示：内联块<HTML>
<HEAD>
<TITLE>Title</TITLE>
<STYLE type="text/css">
table { border-collapse: collapse; border-style: solid; border-width: thin }
col { border-style: dotted; border-width: thin }
td { padding-left: 0.05in; padding-right: 0.05in }
</STYLE>
</HEAD>
<BODY>
<TABLE>
<COL><COL><COL><COL><COL><COL>
<TR><TD>x<TD>x<TD>x<TD>x<TD>x<TD>x</TABLE>
<DIV style="padding-bottom: 1em"></DIV>
<TABLE>
<COL><COL><COL><COL><COL><COL>
<TR><TD>y<TD>y<TD>y<TD>y<TD>y<TD>y</TABLE>
<DIV style="padding-bottom: 3em"></DIV>
<TABLE style="display: inline-block">
<COL><COL><COL><COL><COL><COL>
<TR><TD>x<TD>x<TD>x<TD>x<TD>x<TD>x</TABLE>
<SPAN style="padding-right: 3em"></SPAN>
<TABLE style="display: inline-block">
<COL><COL><COL><COL><COL><COL>
<TR><TD>y<TD>y<TD>y<TD>y<TD>y<TD>y</TABLE>
</BODY>
</HTML>
标题
表{边框折叠：折叠；边框样式：实体；边框宽度：薄}
列{边框样式：虚线；边框宽度：细}
td{左侧填充：0.05英寸；右侧填充：0.05英寸}
xxxxxx
yyyyyy
xxxxxx
yyyyyy
内联块注意：消除HTML标记之间的所有空白没有任何帮助。为了让它正常工作，请使用
内联表内联块显示：表格显示：内联表格显示：无--否则，事情肯定会一团糟，因为你告诉桌子不要再像桌子一样了。如果这是重复的，请告诉我。当我第一次尝试问这个问题时，我遇到了网络问题。我刚刚在Chrome37.0和IE11中测试了这个问题，它的工作原理和预期的一样。（不像你的截图）@MårtenWikströM在什么系统上？我用的是Windows8笔记本电脑。奇怪的是，这会带来不同，但你永远不知道。确切的Chrome版本是37.0.2062.120。请尝试在JSFIDLE中重新创建此问题-您可能会在重新创建时发现问题。@ajb我也在Windows 8上，使用的Chrome版本完全相同。@先生，您确定这与崩溃的页边距有关吗？奇怪。当我将OP的HTML粘贴到本地文件中时，它的显示与预期一样（即使使用
内联块内联块内联表边框折叠内联表