首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

div嵌套div 用css显示有关问题

2012-02-17 
div嵌套div 用css显示问题div id1div id2/div/div显示在一行,并且id2 div的内容要垂直居中

div嵌套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。

热点排行