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 に答える