Question

我正在使用以下CSS代码来对齐输入框，但似乎仍然没有任何效果：

.EntryFormDiv.input
{
 padding-left: 100px;
 margin-left: 100px;
 left: 50px;
 width: 80px;
 text-transform: capitalize; 
}

有什么问题？我在所有输入定义上添加了这个类名。

已编辑**

<div id="divBooksEntryForm" class="EntryFormDiv" runat="server">
    <label id="lblBookName" class="label" runat="server">Title of the Book: </label>
    <input id="inpBookName" class="input" runat="server" /><br />
    <label id="lblAuthor" class="label" runat="server">Author: </label>
    <input id="inpAuthor" class="input" runat="server" /><br />
    <label id="lblPublisher" class="label" runat="server">Publisher: </label>
    <input id="inpPublisher" class="input" runat="server" /><br />        
    <label id="lblCategory" class="label" runat="server">Category: </label>
    <input id="inpCategory" class="input" runat="server" /><br />
    <label id="lblSubCategory" class="label" runat="server">Sub-category: </label>
    <input id="inpSubCategory" class="input" runat="server" /><br />
    <label id="lblPurchaseDate" class="label" runat="server">Dt. of Purchase: </label><br />

Answer 1

1 - 在这些之间加一个空格：

.EntryFormDiv .input

您所写的内容是指：同时包含.EntryFormDiv和.input类的项目。但是对于空格，它表示具有类.input的项目中具有类.EntryFormDiv的项目。

2 - Left只有在position不是static时才能应用。

即使在设置填充和边距后，输入框也不对齐

1 个答案: