Question

我有一个列表页面，每一行都是这样的。

<div class="column RightButtons">
<input type="button" class="btn Buttons" onclick="SetStudentPassword(2065)" value="Şifre Değiştir">
<input type="button" class="btn Buttons" onclick="OpenClassChangeDialog(2065)" value="Sınıf Değiştir">
<input type="button" class="btn Buttons" onclick="window.location.href = '/Parent/List?StudentId=2065'" value="Veliler">
<input type="button" class="btn Buttons" value="Düzenle" onclick="window.location.href = '/Student/Update?StudentId=2065'">
</div>

使用ajax帖子我会过滤行并获得新行。我在javascript中创建了一个包含html字符串的变量。

<div class="column RightButtons">
<input type="button" class="btn Buttons" onclick="SetStudentPassword(2065)" value="Şifre Değiştir">
<input type="button" class="btn Buttons" onclick="OpenClassChangeDialog(2065)" value="Sınıf Değiştir">
<input type="button" class="btn Buttons" onclick="window.location.href = '/Parent/List?StudentId=2065'" value="Veliler">
<input type="button" class="btn Buttons" value="Düzenle" onclick="window.location.href = '/Student/Update?StudentId=2065'">
</div>

所有属性都相同。所有的CSS都是一样的。但第二个html按钮比前一个更接近。请帮忙

Answer 1

你可能正在与内联块和白色空间作战。

您可以尝试several things，但我推荐的那个，如果您的按钮必须保持内嵌块，则将字体大小调整为零。

.RightButtons {
    font-size: 0;
}
.RightButtons .btn {
    font-size: 14px;
}

或者，如果您的按钮要保持在同一条线上，您可以尝试将它们向左浮动。

.RightButtons .btn {
    float: left;
    margin-right: 15px;
}
.RightButtons:after {
    content: ""
    display: table
    clear: both
}

ajax post后css改变

1 个答案: