div嵌套div 用css显示有关问题
日期：2014-05-17 浏览次数：20673 次
div嵌套div 用css显示问题
<div id="1"><div id="2"></div></div>显示在一行，并且id=2 div的内容要垂直居中 CSS怎么搞
------解决方案--------------------
<div id="1"><div id="2"></div></div>显示在一行，并且id=2 div的内容要垂直居中 CSS怎么搞
------解决方案--------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
.vm, .vm .vma div{height:100px}
.vm{position:relative}
.vm .vma{position:absolute;border:none!important;top:0px;+top:50%;display:table}
.vm .vma div{+position:relative;+top:-50%;display:table-cell;vertical-align:middle;+height:auto !important}
.bd{border:1px solid red}
</style>
</head>
<body>
<div class="vm bd"><div class="vma">
<div class="bd">
#content#
</div>
</div></div>
</body>
</html>
------解决方案--------------------
好像指定id="1"的height后，就不需要那么麻烦了
<div id="1" style="height:200px;line-height:200px;"><div id="2"> </div></div>
------解决方案--------------------
楼上的测试下再发。div垂直居中，不是span。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
