个人中心
gpt4 book ai didi

html - 将地址标签样式化为表格单元格

转载 作者：太空宇宙 更新时间：2023-11-04 00:00:35 24 4
gpt4 key购买 nike

我遇到了一个奇怪的问题。我正在尝试设置 <address> 的样式标记为表格单元格，但浏览器(Chrome、Chromium、Firefox)坚持将其显示为 block !

代码如下:

<!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

有什么帮助吗？

最佳答案

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

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

作为HTML specification suggests , 分隔符比段落标签更合适。

<div>
    <label>Address:</label>
    <address>bla bla bla</address>
</div>
div {display:table-row;}

关于html - 将地址标签样式化为表格单元格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16897234/

24 4 0
文章推荐： c - 在 C 中以 double 交换数字
文章推荐： c - GCCJIT，获取类型的大小
文章推荐： c - 传递给 C 中的方法时数组第一个元素的值更改错误
文章推荐： css - 如何扩展表格高度(或宽度)以便边框显示在不同位置