表格寬度不適用於多行

Question

剛生病，嘗試調試了一個小時。 為什么表格會被內容拉伸？ 我已經用tr和td正確包裝了布局。 我正在設計用於電子郵件的html。

為什么width：600px在桌子上不起作用？

Answer 1

添加table-layout: fixed;
請參閱http://jsfiddle.net/qse5owx6/5/

Answer 2

看到這里jsfiddle

發生這種情況的原因是，您已經為所有元素設置了特定的固定寬度（以像素為單位），這就是為什么不能將表格強制設置為較小的寬度。

我建議您使用百分比作為表格內元素的寬度。 例如

tbody { width:100%;}
tr { width:100%;}
td { width:50%;}

或者，如果您想保持元素的寬度固定（873px），則可以將所有表包裝在div之類的.wrapper然后添加

.wrapper {
  width:600px;
  overflow:auto;
}

看到這里： jsfiddle

Answer 3

我做了一些研究來創建電子郵件模板。

希望對您有幫助。

創建電子郵件模板的步驟是：