CSS 单个单元格宽度答案

【问题标题】：CSS individual cell widthCSS 单个单元格宽度
【发布时间】：2014-07-13 07:48:13
【问题描述】：

我在应用单个单元格宽度时遇到了一些问题。我的代码中有一个 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>

对不起，如果这看起来很疯狂！不太确定我包含的太多或太少。

【问题讨论】：

相关的 HTML 对于 CSS/HTML 问题是必不可少的，也请分享。

标签： css iframe html-table cell column-width

【解决方案1】：

没有更多代码，这里没有太多可做的，所以这些是我的猜测。

可能是以下两种情况之一：

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

例子：

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

【讨论】：