javascript – 如何在HTML / CSS中制作“不可丢弃的组”？

发布时间：2020-12-14 22:37:37 所属栏目：资源来源：网络整理

导读：是否可以使用CSS在HTML /中创建“不可丢弃的组”？例如,如果我有一个像这样的简单元素：给定足够的大小(宽度),它将呈现如下：但是如果宽度变得太小,Item标签和TextBox将被“删除”在Name标签下面,如下所示：是否可以创建行为,当宽度较小时,文本框大小将被

是否可以使用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%;
    }
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!