Question

在我的表单中有很多<asp:Label>，我想在那里应用高度，但我不希望逐个设置高度

是否可以通过父div中的类设置它们的高度？

<div class="FormContent">
    <h1 class="title">Cadastro de Cliente</h1>

    <div class="row">
        <div class="col-md-6">
            <asp:Label Text="Nome" Height="10px" runat="server" CssClass="h4" />
            <asp:TextBox runat="server" ID="Nome" CssClass="form-control" placeholder="Ex: João da Silva Cunha" />
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <asp:Label Text="Logradouro" Height="10px" runat="server" CssClass="h4" />
            <asp:TextBox runat="server" ID="Logradouro" CssClass="form-control" placeholder="Ex:Rua D'Pedro II" />
        </div>
        <div class="col-md-6">
            <asp:Label Text="Número" Height="10px" runat="server" CssClass="h4" />
            <asp:TextBox runat="server" ID="Numero" CssClass="form-control" Width="80px" placeholder="Ex:100" />
        </div>
    </div>
</div>

Answer 1

从所有标签控件中删除Height="10px"。标签在浏览器中呈现为SPAN，因此您可以在单个类中执行此操作：

div.FormContent span {
   height:10px;
}

这将设置内容DIV中所有标签的高度。

<强>更新

我看到你的标签有一个自己分配的类 - 你可以直接将高度添加到h4类作为替代

.h4 {
   /* your other styles */
   height:10px;
}

如果您想在内容DIV中仅影响h4，则可以

div.FormContent .h4 {
   height:10px;
}

甚至完全收紧

div.FormContent span.h4 {
   height:10px;
}

如何在div中的任何控件类型中应用类？

1 个答案: