方法一： 1、代碼： 2、效果圖： 方法二： 1、代碼： 2、效果圖： 方法三： 1、代碼： 2、效果圖： 方法四： 1、代碼 ...

1. 2. 子div如果是block元素，在里面加一個margin:auto;，效果也一樣 <div style="width:200px;height:200px;border:2px solid #000;display:table-cell ...

　　代碼: 　　效果： ...

方法一： div（父）：display:table; div（子）：display:table_cell;margin:0 auto;vertical-align:middle; 方法二： div（父）：display:flex;justify-context:centet ...

在說到這個問題的時候，也許有人會問CSS中不是有vertical-align屬性來設置垂直居中的嗎？即使是某些瀏覽器不支持我只需做少許的CSS Hack技術就可以啊！所以在這里我還要啰嗦兩句，CSS中的確是有vertical-align屬性，但是它只對(X)HTML元素中擁有valign特性的元素 ...

雖然Div布局已經基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有長處。比如表格布局中的垂直居中就是Div布局的一大弱項，不過好在 千變萬化的CSS可以靈活運用，可以制作出准垂直居中效果，勉強過關。 要讓div中的內容垂直居中，無非有以下幾種方法，等我一一列舉： 一、行高 ...

本文轉載自：https://www.cnblogs.com/zion0707/p/3907042.html ...

轉自：http://blog.163.com/yan_1990/blog/static/197805107201211311515454/ 雖然Div布局已經基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有長處。比如表格布局中的垂直居中就是Div布局的一大弱項，不過好 ...