Question

全部，我正试图设置我的定位，我遇到了一些问题。您可以在此处查看代码：

我正在努力让评论始终位于reviews_container的中心。您可以单击箭头，它实际上将更改文本。我想这样做，以便出现的评论垂直显示在中间，中间的箭头位于中间。您将提供的任何帮助将不胜感激！我发现我可以旋转评论并让它们看起来很好的唯一方法是通过绝对定位，但是我的其他元素看起来不正确。

谢谢！

Answer 1

您可以尝试将外部容器的位置设置为relative，但使用基于CSS表格的布局可能会更好：

<style type="text/css">   
#container {    
    display:table;    
    border-collapse:collapse;    
}         
#layout {    
    display:table-row;    
}           
#content {    
    text-align:center; 
    display:table-cell;    
}           
</style>        
<div id="container">    
    <div id="layout">    
        <div id="content"> 
            <!-- content here --> 
        </div>  
    </div>   
</div>

在容器和jQuery中使用position：absolute

1 个答案: