Html 为什么'；t溢出自动在div元素中不工作？

我目前正在开发

html

网站，在那里我嵌入了从Arduino导出的

html

代码。
我试图添加

溢出：auto到样式表文件，它不起作用-它不能在狭窄的屏幕上滚动到一边，但它会包装

这是我的密码：


正文{
利润率：5%20%；
}
.代码{
填充：0.5em；
背景色：#282c34；
计数器复位：行；
字体系列：“Hack”，monospace；
溢出：自动；
}
.code div：：之前{
计数器增量：行；
内容：柜台（行）；
显示：内联块；
填充：0em 0.5em 0em 0em；
宽度：2米；
颜色：#555555；
文本对齐：右对齐；
}

#包括EEPROM.h
#包括伺服
伺服s1；
伺服s2；
#定义传感器A0
#定义IR 3
int x=100//计数
测量
字符串颜色；
试试这个

div{white space:nowrap}
溢出仅在以下元素上才有意义：


使
显示
“块”或“内联块”
设置明确的宽度（或高度，取决于溢出的性质）

此外，如果溢出是不希望包装的文本，则还需要提供
空白：nowrap

你的元素缺少所有这些因素。因此：

.code {
    display: block; /* or inline-block; }
    width: 200px; /* or 100%, or whatever */
    white-space: nowrap;
    /* other styles */
}

欢迎来到SO。你的代码片段不是很小；绝大多数代码与您所面临的问题无关。谢谢，它很有效。我试过了，只有
空白：nowrap需要。但也感谢您的解释：）