一般來說，table預設情況下，td的寬度會隨著內容的變化而變化，而且寬度為內容的實際寬度，這樣省去了很多容器自適應寬度的**。
由於div是block級別元素，div的預設寬度是100%的瀏覽器解析度寬度。所以在div裡面的內容不夠多時，會有一大段留白：
引用**：
測試div自適應寬度為正好能顯示完內容
輸出效果：
測試div自適應寬度為正好能顯示完內容
由以上的效果我們看到，確實有一大段的留白。那麼如何消除這段留白，讓div剛剛好顯示完內容呢？
當然，用float可以解決這個問題。但此次不用float。
引用**：
測試div自適應寬度為正好能顯示完內容
輸出效果：
測試div自適應寬度為正好能顯示完內容
可以看到，效果為正好顯示完裡面的內容，右邊的留白被去掉了。達到了所想要的效果。這裡只是將div的預設屬性改變了一下，由預設的block改變為inline。
如何讓div中的內容垂直居中
要讓div中的內容垂直居中，無非有以下幾種方法，等我一一枚舉 如果要垂直居中的只有一行或幾個文字，那它的製作最為簡單，只要讓文字的行高和容器的高度相同即可，比如 p這段 可以達到讓文字在段落中垂直居中的效果。另一種方法和行高法很相似，它同樣適合一行或幾行文字垂直居中，原理就是利用padding將內容...
如何讓div中的內容垂直居中
一 行高 line height 法 如果要垂直居中的只有一行或幾個文字，那它的製作最為簡單，只要讓文字的行高和容器的高度相同即可，比如 p 這段 可以達到讓文字在段落中垂直居中的效果。二 內邊距 padding 法 另一種方法和行高法很相似，它同樣適合一行或幾行文字垂直居中，原理就是利用paddi...
如何讓div中的內容垂直居中
雖然div布局已經基本上取代了 布局，但 布局和div布局仍然各有千秋，互有長處。比如 布局中的垂直居中就是div布局的一大弱項，不過好在千變萬化的css可以靈活運用，可以製作出準垂直居中效果，勉強過關。要讓div中的內容垂直居中，無非有以下幾種方法，等我一一枚舉 一 行高 line height ...