如何在<span>中垂直居中？
如何在<span>中垂直居中？
提问于 2010-12-05 12:04:35
代码：
<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的左下角对齐。
回答 2
Stack Overflow用户
发布于 2012-12-12 17:08:35
在您的父母DIV中添加
display:table;并在您的子元素中添加
display:table-cell;
vertical-align:middle;Stack Overflow用户
发布于 2013-09-10 06:18:46
向父div添加一个高度，比如50px。在子跨度中，添加行-height: 50px；现在跨度中的文本将垂直居中。这对我很有效。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4357315
复制相关文章
相似问题