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