Question

我在应用单个单元格宽度时遇到了一些麻烦。我的代码中有一个1x2（1行，2列）表。第一个单元格只有链接，而另一个单元格有iframe。因为我必须设置不同的第一个单元格，我使用了一个选择器。第一个单元格/列的CSS如下：

.alleft {
    text-align: left;
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
    width: 150px;
    }

iframe {
    float: right;
    width: 550px;
    height: 455px;
    }

table {
    width: 700px;
    margin:0 auto;
    }

相关的html可能是：

<table>
 <tr>
 <td class="alleft"> 
  <h3> The Paintings of Picasso </h3>
   <a href="absinth.jpg"> The Absinth Drinker </a>
 </td>
 <td>
  <iframe src="picasso.html" name="iframe" id="iframe" scrolling="auto" frameborder="0">
  </iframe>
 </td>
 </tr>
</table>

抱歉，如果看起来很疯狂！我不太确定我是否包含太多或太少。

Answer 1

如果没有更多代码，这里还有很多事情要做，所以这些都是我的猜测。

可能是以下两件事之一：

此表是否包含在具有设置宽度的另一个div /容器中？可能iframe + 1st单元格太宽而无法设置宽度。
您可以为iframe设置max-width: x;，为单元格设置min-width: 150px;。玩弄每个宽度的数字，你应该得到一些有用的东西。

示例：

.alleft {
    text-align: left;
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
    min-width: 150px;
}

CSS单个单元格宽度

1 个答案: