当屏幕尺寸减小时，在一行中显示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;
}