CSS @media 打印更改 td 标签不起作用

Question

我有一行数据，其中有几列。我的名称列比其他列更宽。

以下是我的代码，在打印过程中，ID 字段 expand_field 变宽了，但在@media print CSS 中没有效果。

@media print {          
#expand_field td {
    width: 500px;
}                     
echo '<td id="expand_field">'.$rows["3"].'</td>';

Answer 1

您的选择器有误:

因为 td 有 id 你应该这样做:

@media print {          
td#expand_field{
    width: 500px;
}

但是因为 id 是唯一的，你可以只使用那个 id

@media print {          
#expand_field{
    width: 500px;
}