是否可以使用CSS在HTML /中创建“不可丢弃的组”?例如,如果我有一个像这样的简单元素:
给定足够的大小(宽度),它将呈现如下:
但是如果宽度变得太小,Item标签和TextBox将被“删除”在Name标签下面,如下所示:
是否可以创建行为,当宽度较小时,文本框大小将被调整,但标签将保留在文本框的左侧和右侧而不是“丢弃”?
例证:
On large screen:
Name: | |Item
On small screen:
Name: | |Item
如果这必须使用Javascript完成,我也可以使用Javascript建议的答案.
最佳答案
也许你可以使用媒体查询:
HTML:
CSS:
.input-sm input{
width: 50%;
}
@media (min-width: 768px) {
.input-sm input{
width: 100%;
}
}
原文链接:https://www.f2er.com/html/425537.html