當屏幕尺寸減小時在一行中顯示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; 
}