在响应模式下,垂直对齐div为水平

时间:2017-02-25 02:29:46

标签: html responsive display

所以,目前,我在一侧有三个按钮,当我缩小屏幕尺寸时,它们会在弯曲并在其上放置固定宽度后留在那里。 Here is the CodePen,如果有人可以查看我遗失的内容。

我现在有这个,我认为可行:

NULL

所有这些仍然很新:)

1 个答案:

答案 0 :(得分:0)

有些图片没有显示在您链接的CodePen上,但这是我的工作,也许是您正在寻找的:

.button-strip {
    width: 30%;
    display: inline-block;  /* Stop them from breaking lines */
}
.button-container {
    width: 100%;
    text-align: center;  /* Not really required, but I thought it looked best centered */
}

这就是我的样子,所以希望我仍然可以帮助你

Screenshot