我正在尝试为页面设计一个顶部栏（2个内联div），但是在媒体屏幕上垂直居中时遇到了麻烦。
(Paint) example what I am trying to do
我正在使用float: left;使 div 成为内联+ display: inline-block成为 li 元素，虽然效果很好，但仍使它们保持在线状态媒体屏幕。
任何帮助将不胜感激！
答案 0 :(得分：-1)
是否可以通过媒体查询解决此问题（这些问题使您可以根据屏幕大小更改元素的CSS状态）：
@media only screen and (max-width: 1280px) {
.your-class-here {
display: block;
}
}
请记住也将相关的meta标签添加到您的html head元素中：
<meta name="viewport" content="width=device-width, initial-scale=1">
欢呼
Marky
答案 1 :(得分：-1)
Vertical centering in CSS is notoriously difficult - I would recommend using Flexbox to solve this kind of thing - https://css-tricks.com/snippets/css/a-guide-to-flexbox/