同一表格单元格中的两个字体大小

时间:2015-11-04 20:37:39

标签: css html-table

我试图在同一个表th单元格

中有两个不同的字体大小

我的代码如下所示,但似乎不起作用,即(Frm)保持字体14

请帮忙

 echo "<th width='70%' style='background-color:#FFD8D8;font-size:14px' colspan=\"14\"><left>".$startlocation."<style='font-size:8px'>"."(Frm)"."</left></th>";

2 个答案:

答案 0 :(得分:1)

没有名为<left>的元素。我建议你做的是,为你的元素添加类,而不是通过style=使用内联样式。

th {
    width: 70%;
    background-color: #FFD8D8;
} 
.left {
    font-size: 8px;
}
.right {
    font-size: 14px;
}

然后,您可以在文字周围添加<span>标记,这可能看起来像是最终代码:

echo "<th colspan=\"14\"><span class=\"left\">".$startlocation."</span><span class=\"right\">(Frm)"."</span></th>";

我不确定<th>元素中你的其他文字是什么,但做我所做的将解决它。最佳做法是使用类和ID而不是内联样式,因为将来更容易更改。

编辑:如果你绝对需要内联样式,这将有效:

echo "<th colspan=\"14\"><span style=\"font-size:14px\">".$startlocation."</span><span style=\"font-size:8px\">(Frm)"."</span></th>";

答案 1 :(得分:0)

像这样插入<span>

...$startlocation."<span style='font-size:8px'>"."(Frm)"."</span></left></th>"

这样您就可以按照您尝试的方式指定某些 元素的样式。