2011-12-19 50 views
0

我有下表。問題是,當您放大/縮小或分辨率不同時,標題會更改大小。我怎樣才能讓他們保持不變?我希望一切都只在一條線上。目前,如果標題中有多個單詞(即「響應評論數量」),並且標題更改大小 - 單詞聚集在一起。帶固定單元格的HTML表格當分辨率發生變化時

<table border="1" style="width:100%;border-collapse: collapse;" cellSpacing="2" cellPadding="2" > 
<tr> 
<th style="border:0px solid gray;background:#AAAAAA;color:white;font-weight:700;width:10%">Response Komment #</th> 
<th style="border:0px solid gray;background:#AAAAAA;color:white;font-weight:700;width:60%;">Comment</th> 
</tr> 
</table> 
+0

讓單元總寬度達到70%的原因是什麼? –

+0

還有4個標題,我沒有包括在內,爲了清晰起見... – user1060096

回答

1

您可以添加

white-space: nowrap; 

爲您的 「風格」 屬性(這大概應該是在一些獨立的CSS文件)。

0

給第一個標題更多的寬度以避免包裝,例如, width: 40%。 您可以指定一個額外的最小寬度,例如min-width: 13em,以避免包裝在小屏幕上。

或者,您可以使用white-space: nowrap;來避免全部換行符,然後用overflow: visible/overflow: hidden控制溢出行爲。

+0

hmm ok白色空間:nowrap的作品。現在,我是否還可以擁有它,並將單元格設置爲一定的大小。如果我想要一個恆定的兩行(頂部和底部)的標題...不管分辨率 – user1060096

+0

你可以添加
標籤裏面的標籤 – Parzifal

+0

啊,天才的解決方案!非常感謝! – user1060096

相關問題