html – 复选框的CSS格式

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

导读：我有一个复选框列表,每个复选框都有一个标签： Without using any CSS它们显示在同一行(我想它们有默认的“内联”或“块内联”显示).问题是我无法修改HTML结构,我需要每对复选框标签出现在一个新行中. Like this.是否可以只使用CSS？最佳答案标签标签的好

我有一个复选框列表,每个复选框都有一个标签：


Without using any CSS它们显示在同一行(我想它们有默认的“内联”或“块内联”显示).问题是我无法修改HTML结构,我需要每对复选框标签出现在一个新行中. Like this.是否可以只使用CSS？


最佳答案
标签标签的好处是你可以包装输入元素：


如果你添加以下CSS：

label {
    display: block;   
}

它会以你想要的方式显示它.
演示here
由于您无法编辑HTML,因此该CSS可以正常工作：

input,label {
    float: left;   
}

input {
    clear: both;    
}

演示here

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