Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何垂直对齐'；span'；在'；分区'；有图标吗？_Css - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 如何垂直对齐'；span'；在'；分区'；有图标吗？

Css 如何垂直对齐'；span'；在'；分区'；有图标吗？

css

Css 如何垂直对齐'；span'；在'；分区'；有图标吗？,css,Css,我试图通过css行高度和div高度在div中垂直对齐span。 所有操作都正常，但添加图标span时，中心span移到底部。 谁能给我一个提示吗？谢谢 <span class="icon"></span> 垂直对齐失败 无需图标span即可正常工作 在本例中，您可以将垂直对齐：中间添加到span.图标元素： 垂直对齐属性的默认值为基线；因此，元素在父元素的底部对齐 您可以对span.center和span.icon使用vertical align:middl

我试图通过css
行高度和div
高度在
div
中垂直对齐
span
。
所有操作都正常，但添加
图标span
时，中心
span
移到底部。
谁能给我一个提示吗？谢谢


  <span class="icon"></span>






垂直对齐失败



无需图标span即可正常工作


在本例中，您可以将
垂直对齐：中间
添加到
span.图标
元素：


垂直对齐
属性的默认值为
基线
；因此，元素在父元素的底部对齐




您可以对
span.center
和
span.icon
使用
vertical align:middle


.icon {
    vertical-align:middle;
    background-repeat:no-repeat;
    background-image:url(https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash3/50264_300699565862_8082907_q.jpg);
    height:50px;
    width:50px;
    display:inline-block;
}