html - 在 div 中垂直居中 span

Question

我有一个包含 span 的 div我想要 span垂直和水平对齐到我的 div 的中心.

这是 fiddle :http://jsfiddle.net/RhNc2/1/

我试过了 margin:auto在 span 上和 vertical-align在 div 上, 但它不起作用

编辑:我的 div 和我的 span 没有固定的高度，这取决于内容，我把它固定在 fiddle 上只是为了给你看

Answer 1

将此添加到 div CSS:

display:table-cell; text-align:center

工作 fiddle 在这里:http://jsfiddle.net/sdoking/DCT85/

CSS:

#myDiv {
border:1px solid black;
height:50px;
width:200px;
vertical-align:middle;
display:table-cell; 
text-align:center
}

#mySpan {
width:100%;
border:thin blue solid
}

边框是为了清晰起见:)