jquery - jQuery JQGrid-如何在不触摸网格线的情况下使CSS左右对齐？

JQgrid为左对齐的单元格输出此html-但它太难了，无法触摸网格线：

<td title="P-1" class="grid-text" style="text-align: left; width: 92px;"
    role="gridcell">some text content</td>

如何设置样式，以便在左侧留一点空间？

我试过了：

.grid-text {
    text-align: left;
    margin-left: 4px; // padding-left didnt work either
}

但是仍然很难做到。

另一方面，右对齐的文本也有相同的问题：很难靠右并触摸网格线

<td title="1.37" class="grid-number" style="text-align: right; width: 55px;"
    role="gridcell">1.37</td>

最后，当内联编辑时，输入框也很难位于右侧并触及以下行：

<td title="14.00" class="grid-number" style="text-align: right;" role="gridcell">
    <input type="text" style="width: 98%;" maxlength="20" id="2_qty" name="qty"
           class="editable"></td>

有什么我可以解决的吗？最好加上一点点CSS？

最佳答案

您是否尝试过将!important添加到左侧的padding中？

您有我们可以浏览的页面吗？

关于jquery - jQuery JQGrid-如何在不触摸网格线的情况下使CSS左右对齐？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2978254/