在 HTML 表格中指定字体和大小
Posted
技术标签:
【中文标题】在 HTML 表格中指定字体和大小【英文标题】:Specifying Font and Size in HTML table 【发布时间】:2017-05-13 02:02:58 【问题描述】:我正在尝试为表格中的文本指定字体和大小。它似乎尊重 FACE= 但忽略了 SIZE=。例如,我有如下所示的 html。它可以正确显示 Courier New 中的文本,但两个表格都以相同的字体大小显示。任何线索我做错了什么?
<font face="Courier New" size="12"><table ><tr><td><b>Client</b></td><td><b>InstanceName</b></td><td><b>dbname</b></td><td><b>Filename</b></td><td><b>KeyName</b></td><td><b>Rotation</b></td><td><b>Path</b></td></tr>
<tr><td>NEWDEV6</td><td>EXPRESS2012</td><td>master</td><td>master.mdf</td><td>test_key_16</td><td>0</td><td>d:\Program Files\Microsoft SQL Server\MSSQL11.EXPRESS2012\MSSQL\DATA\master.mdf</td></tr>
</table></font>
<font face="Courier New" size="24"><table ><tr><td><b>Client</b></td><td><b>InstanceName</b></td><td><b>dbname</b></td><td><b>Filename</b></td><td><b>KeyName</b></td><td><b>Rotation</b></td><td><b>Path</b></td></tr>
<tr><td>NEWDEV6</td><td>EXPRESS2012</td><td>master</td><td>master.mdf</td><td>test_key_16</td><td>0</td><td>d:\Program Files\Microsoft SQL Server\MSSQL11.EXPRESS2012\MSSQL\DATA\master.mdf</td></tr>
</table></font>
【问题讨论】:
【参考方案1】:首先,尝试省略 12 和 24 中的引号。值得一试。
其次,最好在 CSS 中执行此操作。另见http://www.w3schools.com/css/css_font.asp。这是表格标签的内联样式:
<table style='font-family:"Courier New", Courier, monospace; font-size:80%' ...>...</table>
更好的是,使用外部样式表或 HTML 文档顶部附近的样式标记。另见http://www.w3schools.com/css/css_howto.asp。
【讨论】:
仅供参考,引号是强制性的。但是你是对的,CSS,内联或其他方式,是要走的路,因为不再支持 FONT 标签。 看起来切换到内联 CSS 是可行的方法。 内联可以快速处理,但从长远来看,指定class
属性会更好。
仅供参考 在表格上使用内联样式对嵌入的输入元素没有影响。内联样式的帖子对我帮助很大,只是想对 INPUT 元素做一个仅供参考。我敢肯定还有其他元素不会从表中继承样式。我同意,支持 css 文件是最好的解决方案。【参考方案2】:
用 html 和 body 标签括起来您的代码。 Size 属性与 font-size 不对应,看起来它的域没有超过值 7。此外,HTML5 不支持字体标签。 根据您的情况考虑此代码
<!DOCTYPE html>
<html>
<body>
<font size="2" face="Courier New" >
<table >
<tr>
<td><b>Client</b></td>
<td><b>InstanceName</b></td>
<td><b>dbname</b></td>
<td><b>Filename</b></td>
<td><b>KeyName</b></td>
<td><b>Rotation</b></td>
<td><b>Path</b></td>
</tr>
<tr>
<td>NEWDEV6</td>
<td>EXPRESS2012</td>
<td>master</td><td>master.mdf</td>
<td>test_key_16</td><td>0</td>
<td>d:\Program Files\Microsoft SQL Server\MSSQL11.EXPRESS2012\MSSQL\DATA\master.mdf</td>
</tr>
</table>
</font>
<font size="5" face="Courier New" >
<table >
<tr>
<td><b>Client</b></td>
<td><b>InstanceName</b></td>
<td><b>dbname</b></td>
<td><b>Filename</b></td>
<td><b>KeyName</b></td>
<td><b>Rotation</b></td>
<td><b>Path</b></td></tr>
<tr>
<td>NEWDEV6</td>
<td>EXPRESS2012</td>
<td>master</td>
<td>master.mdf</td>
<td>test_key_16</td>
<td>0</td>
<td>d:\Program Files\Microsoft SQL Server\MSSQL11.EXPRESS2012\MSSQL\DATA\master.mdf</td></tr>
</table></font>
</body>
</html>
【讨论】:
谢谢。这是缺少的 。一旦我添加它就可以了。【参考方案3】:font tag 已被弃用一段时间了。
话虽如此,您的两个表格都以相同的字体大小显示的原因是“大小”属性只接受 1 - 7 范围内的值。最小的大小是 1。最大的大小是 7。默认值size 为 3。任何大于 7 的值都将显示与使用 7 相同的值,因为 7 是允许的最大值。
正如@Alex H 所说,您应该为此使用 CSS。
【讨论】:
【参考方案4】:这对我有用,也适用于引导表
<style>
.table td, .table th
font-size: 10px;
</style>
【讨论】:
以上是关于在 HTML 表格中指定字体和大小的主要内容,如果未能解决你的问题,请参考以下文章
使用js方法将table表格中指定列指定行中相同内容的单元格进行合并操作。