Html 在更改分辨率时防止选定项换行

我有一个问题，我创建了一个div，在其中我放置了5个已知宽度的选择项，但当我改变分辨率时，这些项开始移动到新行。如果我得到一些帮助，我会很高兴的

区域地理{ 高度：100px； 填充：0px； 空白：nowrap； 颜色：白色； } 区域地理集装箱{ 背景：RGB6117179； 边界半径：10px； 空白：nowrap； } 分区地理图col-xs-12{ 身高：100%； 填充：0px； 空白：nowrap； } 区域地理{ 左侧填充：15px； 字体系列：“Roboto Medium”； } .选择道具{ 左侧填充：15px； 右侧填充：2px； 宽度：263px； } .软垫{ 填充：10px； 边界半径：10px； } .零利润{ 边际：0px； } 地理区

巴辛1 周长1 第1节 BLOC1 包裹3 您可以使用flexbox使它们始终在一行中并具有自动溢出功能

请参阅代码片段：

区域地理{ 高度：100px； 填充：0px； 空白：nowrap； 颜色：白色； } 区域地理集装箱{ 背景：RGB617179； 边界半径：10px； 显示器：flex； 对齐项目：居中； 柔性包装：nowrap； 溢出：自动； } 分区地理图col-xs-12{ 身高：100%； 填充：0px； 空白：nowrap； } 区域地理{ 左侧填充：15px； 字体系列：“Roboto Medium”； } .选择道具{ 左侧填充：15px； 右侧填充：2px； 宽度：263px； } .软垫{ 填充：10px； 边界半径：10px； } .零利润{ 边际：0px； } 地理区

巴辛1 周长1 第1节 BLOC1 包裹3