Question

我想将一些内联块div作为中心。我想创建一个响应式设计，所以如果屏幕尺寸太小，水平元素应该在彼此之下。

我如何将它们垂直居中，这样它们并排而没有高度差异？（见小提琴）。

如果屏幕尺寸太小，则切换这些元素应该是垂直居中的。

CSS

.repeat
{
    display:inline-block;
    border-style:solid;
    border-width:2px;
    height:50px;
    width:50px;
}


#content
{   
    border-style:solid;
    border-width:2px;
    text-align:center;
}

HTML

<div id="content">
    <div class="repeat">
        <p>hello</p>       
    </div>
    <div class="repeat">
    </div>
</div>

谢谢：）

Answer 1

试试这个：

vertical-align:middle;

Working Fiddle

一些具有不同内容的内联块div的垂直对齐

1 个答案: