垂直对齐问题与两个div

我有一个数据表内的两个div，我试图垂直对齐但有一些问题。我想让他们都对齐。垂直对齐问题与两个div

这是问题的一个截图：

每个div有出口按钮，一类即.pull左和分页.pull - 右，下面的CSS：

我尝试添加在垂直对齐：中部或底部等，但并没有区别..

.pull-right { 
    float:right; 
    display: inline-block; 
    position: relative; 
} 
.pull-left { 
    float:left; 
    display: inline-block; 
    position: relative; 
}

下面是HTML代码的从屏幕截图控制台，有太多的代码在这里

粘贴在这里也被我用数据表使用sDom参数：

"sDom": "<'row'<'col-sm-12'<'pull-right'p><'pull-left'B>r<'clearfix'>>>t<'row'<'col-sm-12'<'pull-left'i><'pull-right'><'clearfix'>>>",

来源

2016-08-12 user3436467

你能至少设置一个的jsfiddle或bootply？ –

可以使用datatables'sDom' – claudios

轻松实现@claudios我已经更新了我使用的sDom的帖子..你有什么建议吗？ – user3436467

有一些解决方案来解决这个问题。但我想分享给你这些简单的解决方案。

第一：使用自助列

`"sDom": '<"col-xs-6" B><"col-xs-6" p>'`

二

$(document).ready(function() { 
    $('#example').DataTable({ 
     "dom": '<"toolbar">frtip' 
    }); 
    $("div.toolbar").html('<b>add your buttons here</b>'); 
});

三或者你也可以做这样的：

$(document).ready(function() { 
    $('#example').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [ 
      'copy', 'excel', 'pdf', 'print' 
     ] 
    }); 
});

注意：请记住添加所需的脚本以使按钮正常工作。使用

四CSS：

.dt-buttons.btn-group { 
    margin-bottom: -50px; //specify the margin here... 
}

来源

2016-08-12 04:27:57 claudios

这是结果：http://pasteboard.co/7CeFy0o2F.png - 如何对齐？ – user3436467

等一下。你把你的分页放在哪里？是在桌子底下还是在顶部？ – claudios

在顶部。这里是整个表 - > http://pasteboard.co/7Cjelg2sI.png – user3436467

当您使用浮动显示属性不再是内联块。在当前情况下，您必须指定宽度。像pull-right {widht：30％} .pull-left {width：60％}

或者只是给他们显示内联块没有float.as只要他们不符合那里边他们是相同的线。

来源

2016-08-12 03:42:39

感谢您的建议。我尝试过，但没有改善这种情况。 – user3436467

而不是使用pull-left & pull-right您可以使用col-md-6类为div标签。

来源

2016-08-12 04:19:19

好吧，我切换到这个，但它使得它更糟糕。''sDom“：”<'row'<'col-md-6'p <'col-md-6'B> r <'clearfix'> >>“' – user3436467

这里是结果http：// pasteboard.co/7C6ZtAgga.png – user3436467

尝试'<'row'<'col-md-6'p><'col-md-6'B> r <'clearfix'>>' –

垂直对齐问题与两个div

回答

相关问题