当屏幕尺寸减小时在一行中显示div元素

Question

是否可以在任何时间点在单一行中显示标题内容并缩小屏幕尺寸，而在缩小屏幕尺寸时获得滚动条。

Here's the link of my page header looks like: http://codepen.io/vengal-learn/pen/QGJdze 

Answer 1

Flexbox布局就是您要找的。这应该让你开始:-)

这个网站应该帮助你... https://css-tricks.com/snippets/css/a-guide-to-flexbox/

#header { 
    display: flex; 
    flex-direction: row; 
    flex-wrap: no-wrap; 
} 
#headerLeft { 
    flex: 0 0 auto; 
} 

#headerCenter { 
    text-align: center; 
    flex: 1 0 auto; 
} 

#headerRight { 
    flex: 0 0 auto; 
}