Css 当视口宽度变小时,是否可以使div不塌陷?

Css 当视口宽度变小时,是否可以使div不塌陷?,css,Css,显然,我可以设置width属性,但是div包含决定其宽度的p元素 我可以在计算值下从web inspector中提取这个值,然后手动输入,但我想要一个更优雅的解决方案 #mi#u控件{ 显示:内联块; 位置:相对位置; 宽度:自动; } .菜单底部{ 浮动:左; } 联系人 Arcmarks© 联系人

显然,我可以设置width属性,但是div包含决定其宽度的p元素

我可以在计算值下从web inspector中提取这个值,然后手动输入,但我想要一个更优雅的解决方案

#mi#u控件{
显示:内联块;
位置:相对位置;
宽度:自动;
}
.菜单底部{
浮动:左;
}

Foo©

关于

隐私

联系人

开发者


要防止div中的文本进一步折叠,并防止文本被包装,请在div上使用
空白:nowrap
CSS规则

工作现场演示:

#mi#u控件{
显示:内联块;
位置:相对位置;
宽度:自动;
空白:nowrap;
}

Arcmarks©

关于(此处添加更多随机文本以增加div宽度此处添加更多随机文本以增加div宽度此处添加更多随机文本以增加div宽度)

隐私

联系人

开发者


我的答案对你有用吗?
空白:nowrap
适用于所有内联元素,因此如果你的
div
display:inline block
,那么它也适用于
div
!下面是“使用显示内联块影响divs”部分,这是我使用
内联块的经验。亲爱的cade galt,我注意到你今天撤销了我答案的“已接受”状态。当这种情况发生时,我们都会失去声誉,那么我能做些什么来改进我的答案并从你那里重新获得这种地位呢?谢谢我需要p元素本身不要包装,而不仅仅是p元素中的文本-jsfiddle.net/hcfbvcxk/3@cadegalt为了防止p元素本身缠绕,可以设置
display:inline block而不是浮动:左