0

我有一个奇怪的问题。我正在尝试将<address>标签设置为表格单元格，但浏览器（Chrome、Chromium、Firefox）坚持将其显示为块！

这是代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Address Test</title>
<style  type="text/css">

form {display:table;}
p {display:table-row;}
label,a,input,output,address,a {display:table-cell;border:1pt solid silver;}

</style>
</head>
<body>

<form>
<p>
    <label>Tel:</label>
    <a href="tel:+12345">+12345</a>
</p>
<p>
    <label>Fax:</label>
    <a href="tel:+12345">+12345</a>
</p>
<p>
    <label>Address:</label>
    <address>bla bla bla</address>
</p>
<p>
    <label>E-Mail:</label>
    <a href="mailto:john@smith.com">john@smith.com</a>
</p>
</form>

</body>
</html>

...这是输出：

http://richstyle.org/contact.html

请问有什么帮助吗？

4

1 回答 1

3

address元素不能包含在p元素中。Chrome 和 Firefox 将标记呈现为：

<p>
    <label></label>
</p>
<address></address>

正如HTML 规范所建议的那样，分隔符将更适合段落标签。

<div>
    <label>Address:</label>
    <address>bla bla bla</address>
</div>

div {display:table-row;}
于 2013-06-03T13:15:11.190 回答