CSS單個單元格寬度

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

沒有更多的代碼，這裏沒有太多的東西可以繼續下去，所以這些都是我的猜測。

可能是兩件事情之一：

1. 包含在另一個DIV /容器有一套寬度內這個表？ iframe + 1st單元格可能太寬而無法設置寬度。

2. 您可以爲iframe設置max-width: x;，爲單元格設置min-width: 150px;。玩弄每個寬度的數字，你應該得到一些有效的東西。

例子：

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