Fatal编程技术网
  • css/
  • Css 垂直对齐div

Css 垂直对齐div

css html templates

Css 垂直对齐div,css,html,templates,Css,Html,Templates,假设我有两个div，一个在另一个上面 如何将顶部文本与顶部对齐，将底部文本与底部对齐？ 演示： True——只有将每个div的显示设置为表格单元格时，垂直对齐才有效 div#top, div#bottom { display: table-cell } div#top { vertical-align: top } div#bottom { vertical-align: bottom } 请注意，IE7及以下版本不支持表格单元格：（（更多信息）浏览器中的Webkit如何？

假设我有两个div，一个在另一个上面

如何将顶部文本与顶部对齐，将底部文本与底部对齐？

演示：

True——只有将每个div的
显示设置为
表格单元格时，垂直对齐才有效


div#top, div#bottom { display: table-cell }
div#top { vertical-align: top }
div#bottom { vertical-align: bottom }



请注意，IE7及以下版本不支持表格单元格：（（更多信息）浏览器中的Webkit如何？