给td内的内容标记一个边距

Question

我正在尝试使用

为标记内的内容添加边距

$('td *').css("margin-right","100");

没有成功http://jsfiddle.net/R3UDU/7/

为什么这不起作用？。

Answer 1

是padding-right ok to？

http://jsfiddle.net/R3UDU/8/

$('td').css("padding-right","100px");

并删除“*”并将px添加到样式

Answer 2

有两件事：

1. 您的道明设备内没有任何元素。
2. 您没有为保证金指定单位。

我已经为您创建了一个示例，使用了TD内的跨度并将右边距设置为100px：http://jsfiddle.net/R3UDU/9/。

当然，如果您的TD中有多个元素，这可能会变得非常荒谬。如果您只想定位TD的直接子项，而不考虑元素类型，请尝试：

$('td > *').css('margin-right', '100px');

但是，如果这就是你想要的，为什么不只是使用填充？

$('td').css('padding-right', '100px');

甚至更好，只需使用CSS：

td {padding-right: 100px;}

或者：

td > * {margin-right: 100px;}

Answer 3

您的td只有文字节点，您无法将该css应用于文字节点 -

你可以这样做 -

$('td').contents().wrap($('<span/>').css("margin-right", "100px"));

演示---> http://jsfiddle.net/R3UDU/10/

Answer 4

您是否尝试在文本右侧放置空格？如果是这样，你想要的是'填充'，而不是'边距'。

尝试：

td{border:1px solid green;padding-right:100px;}