编码:
<div id="theMainDiv" style=" border:solid 1px gray; cursor:text; width:400px; padding:0px;" > <span id="tag1_outer" style=" background:#e2e6f0; padding-right:4px; padding-left:4px; border:solid 1px #9daccc; font:normal 11px arial; color:#3c3c3c" >as</span> </div>
现在渲染时,跨度对齐 div 的左下角。
请参阅我关于理解垂直对齐的文章。在讨论结束时,有多种技术可以完成您想要的。
(超短总结:要么将子元素的行高设置为等于容器的高度,要么在容器上设置定位并将子元素绝对定位在top:50%,margin- top:-YYYpxYYY 是子元素已知高度的一半。)
top:50%
margin- top:-YYYpx