1

我目前正在将 MediaWiki 安装从古老的 1.6.10 升级到 1.19.2。其中一个变化是新的 MediaWiki 使用了<!DOCTYPE html>，它稍微改变了布局。

现在，MediaWiki 扩展之一使用表格进行布局。例如：

<!DOCTYPE html>
<table>
 <tr style="background-color:lime;">
  <td><img src="pixel.gif"></td>
 </tr>
</table>

现在即使 pixel.gif 只有 1x1 像素大，石灰矩形使用 3x22 像素。我的意图是该行应该只有 1 个像素高。有没有简单的使用方法<table>，还是我必须切换到使用<div>s？

4

3 回答 3

1

表格是表格和 html，与 HTML5 没有什么不同，但当然，表格不应该用于布局。

于 2012-09-23T14:15:45.370 回答
1

添加这个CSS：td { font-size:0;padding:0 }

这实际上与表格无关。使用 div 也会遇到同样的问题。因此，同样地，使用div { font-size:0; }. 更现实地说，您需要使用类来限定您想要样式的 div。例如div.myimagecontainer { font-size:0; }。

于 2012-09-23T14:53:07.480 回答
0

如果您必须使用<table>布局，请确保<table role="presentation">按照 W3C html5 建议正确设置角色属性：

表格不应用作布局辅助工具。从历史上看，许多 Web 作者使用 HTML 格式的表格来控制他们的页面布局，这使得从此类文档中提取表格数据变得困难。特别是，辅助工具（如屏幕阅读器）的用户可能会发现使用用于布局的表格导航页面非常困难。如果要将表格用于布局，则必须使用属性 role="presentation" 标记，以便用户代理正确地将表格表示为辅助技术，并将作者的意图正确传达给希望提取表格的工具文档中的数据。

http://www.w3.org/TR/html5/tabular-data.html#the-table-element

于 2015-07-10T01:45:24.383 回答