Fatal编程技术网
  • html/
  • 在HTML5中使用HTML表格进行布局

在HTML5中使用HTML表格进行布局

html layout

在HTML5中使用HTML表格进行布局,html,layout,html-table,Html,Layout,Html Table,我目前正在将MediaWiki安装从古代的1.6.10升级到1.19.2。其中一个变化是新的MediaWiki使用了，这稍微改变了布局 现在，其中一个MediaWiki扩展使用表进行布局。例如： <!DOCTYPE html> <table> <tr style="background-color:lime;"> <td><img src="pixel.gif"></td> </tr> </tabl

我目前正在将MediaWiki安装从古代的1.6.10升级到1.19.2。其中一个变化是新的MediaWiki使用了
，这稍微改变了布局

现在，其中一个MediaWiki扩展使用表进行布局。例如：

<!DOCTYPE html>
<table>
 <tr style="background-color:lime;">
  <td><img src="pixel.gif"></td>
 </tr>
</table>
现在，尽管pixel.gif只有1x1像素大，但石灰矩形使用3x22像素。我的意图是该行应该只有1像素高。有没有一种简单的方法可以使用
，或者我必须切换到使用
s吗？

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

添加此css:
td{font size:0；padding:0}

这真的与桌子无关。使用div也会遇到同样的问题。同样，使用
div{font-size:0；}
。更现实地说，你需要用一个类来限定哪些div是你想要的样式。e、 g
div.myimagecontainer{font size:0；}

如果必须对布局使用
，请确保按照W3C html5建议正确设置角色属性
：

表格不应用作布局辅助工具。历史上，许多网站 作者使用HTML格式的表格来控制页面布局 使从这些文档中提取表格数据变得困难。在里面 特别是，易访问性工具（如屏幕阅读器）的用户 可能会发现使用表导航页面非常困难 用于布局。如果表格用于布局，则必须用 用户代理的属性role=“presentation”将正确 向辅助技术展示桌子，并正确传达 作者的意图是使用希望提取表格数据的工具 从文件中删除

为什么要坚持使用表格进行布局，利大于弊-非常感谢升级。：）看到MediaWiki运行十年前的代码总是很痛苦。