CSS寬度問題：

Question

我有我的網頁設置的方式，我有一個div集中在頁面佔70％的頁面（寬度：70％），並在該div，我有一個橫幅文本（在ap元素中）和一張表。這個橫幅應該和表格寬度一樣，當我設置寬度時，我將橫幅和表格的寬度設置爲100％（容器div）。當我水平縮小瀏覽器時，表格保持相同的大小，但橫幅縮小到左側，看起來非常難看。如果我瀏覽瀏覽器，因此它比文本中最大的單詞更薄，文本就直接跳出橫幅！鴨子如何修補這樣的東西？ （注意：最後一句提到了可口的水鳥，而不是褻瀆它不是一個錯字）

Answer 1

對於表問題給寬度百分比

<table width="100%"> 

給字詞屬性，從而使當你推脫時，文本將會中斷。

word-wrap: break-word; 

Answer 2

做工精細這裏（火狐）：

http://jsfiddle.net/W9e2A/1/

的table將收縮到其內容，此時它會停止收縮規模。這將導致橫幅繼續縮小，並且會使table看起來很難看（文字會流出）。

如果您將包含div的min-width設置爲table的最小寬度，它應該解決您的問題。作爲一個側面提示，如果你使用table作爲指令數據（例如佈局）之外的其他東西，你應該考慮使用div的/ span's來代替。