当父div是表格时向右浮动

Question

我的跨度没有向右浮动：

<span class="d-none d-sm-block" style="float: right;"><?php  my_social_icons($setting_social_icons = 'header'); ?></span>

父级div：

<div class="logo" style="display:table;">

这是我的完整代码：

<div class="logo" style="display:table;">

  <!-- nav -->
  <style type="text/css">
    .cmm4e-container {
      width: auto!important;
    }
  </style>

  <span class="nav " role="navigation" style="float: left;  margin-left: 50px;        ">

                                    <a href="<?php echo home_url(); ?>">
                                    <!-- svg logo - toddmotto.com/mastering-svg-use-for-a-retina-web-fallbacks-with-png-script -->
                                    <img  src="<?php echo get_template_directory_uri(); ?>/img/logo.svg" alt="Logo" class="logo-img22" style="height:50px;">
                                    </a>
        </span><span style="vertical-align:middle;  display:table-cell;">
                                   <?php html5blank_nav(); ?>
                                    </span>
  <span class="d-none d-sm-block" style="float: right;"><?php  my_social_icons($setting_social_icons = 'header'); ?></span>

  <!-- /nav -->
</div>

您能解释一下float和table如何工作吗？

编辑：

当我添加vertical-align：middle;显示：表格单元格到底部跨度，它不垂直居中：

  <span class="d-none d-sm-block" style="float: right; vertical-align:middle;  display:table-cell;"><?php  my_social_icons($setting_social_icons = 'header'); ?></span>

Answer 1

删除样式=“ display：table;尝试如下。

<div class="logo" ">