HTML表问题

Question

我有一个HTML表问题，我想更好地理解。

让我们假设我有一个3行HTML

<table> 
    <tr> 
     <td style="text-align:right;">A1</td> 
     <td>A2</td> 
    </tr> 
    <tr> 
     <td style="text-align:right;">B1</td> 
     <td>B2</td> 
    </tr> 
    <tr> 
     <td colspan="2">A very loooooooong string here</td> 
    </tr> 
</table> 

一个很长的文字，在第2行中的内容出现像他们几乎居中。但是，如果我将整个“非常长的字符串”<td>移到行内的单独<table>中，我会看到其他内容不居中。当<td>内容位于另一个表格内时，为什么显示不同？

Answer 1

你能否提供你的第二个例子？当我创建以下时，它仍然看起来一样。还有就是你没有正确使用的2

<table border="1"> 
<tr> 
    <td style="text-align:right;">A1</td> 
    <td>A2</td> 
</tr> 
<tr> 
    <td style="text-align:right;">B1</td> 
    <td>B2</td> 
</tr> 
<tr> 
    <td colspan="2"> 
    <table border="1"><tr> 
     <td>A very loooooooong string here</td> 
    </tr></table> 
    </td> 
</tr> 
</table> 

Answer 2

在解释与HTML的问题进行合并单元格中嵌入一个表格单元格内的表的机会，最好是标明哪些浏览器被用来测试...
无论如何，我用FF3和IE6做了一个快速测试，而且我没有看到你描述的行为：在嵌套表格中，长字符串有更多的填充，但其他内容仍然以视觉为中心。
你应该显示你的其他代码。我的是：

<table> 
<tr> 
    <td style="text-align:right;">A1</td> 
    <td>A2</td> 
</tr> 
<tr> 
    <td style="text-align:right;">B1</td> 
    <td>B2</td> 
</tr> 
<tr> 
    <td colspan="2"><table><tr><td>A very loooooooong string here</td></tr></table></td> 
</tr> 
</table> 

Answer 3

我想我明白你的意思，是根据你问题的第二部分：

<table> 
<tr> 
    <td style="text-align:right;">A1</td> 
    <td>A2</td> 
</tr> 
<tr> 
    <td style="text-align:right;">B1</td> 
    <td>B2</td> 
</tr> 
<tr> 
    <table><td colspan="2">A very loooooooong string here</td></table> 
</tr> 
</table> 

那么我想表内容呈现的原因左对齐是内部的表格标签将外部表格隐藏起来。

答案是停止使用html来设置表格样式并使用CSS！

Answer 4

如果您的问题结束了2桌，与原来是这样的：为什么前两行的

<table> 
<tr> 
    <td colspan="2">A very loooooooong string here</td> 
</tr> 
</table> 

那么原因：

<table> 
<tr> 
    <td style="text-align:right;">A1</td> 
    <td>A2</td> 
</tr> 
<tr> 
    <td style="text-align:right;">B1</td> 
    <td>B2</td> 
</tr> 
</table> 

而且一长串文字变成自己的第一个表不再看起来像他们居中是因为他们不是 - 只有如果你正在比较相对于第二个表。

如果在TABLE属性中使用border="1"进行调试，则会看到它们所包含的表折叠为尽可能宽的表格数据单元格。正因为如此，他们看起来并不像他们的中心，尽管他们仍然是。

将一些任意宽度添加到第一个表格，您将看到它们仍然居中。