Question

这是我的jQuery代码，可以将两个表附加到DIV。

 var str = "<table><tr><td>Hello</td></tr></table>";
 $('body').append(str+str);

但默认情况下，这两个表分为两行例如，当前输出是

 Hello
 Hello

但我想要这样

 Hello Hello

由于

Answer 1

var str = "<table style='display:inline-block; *display: inline; _height: 30px;'><tr>   <td>Hello</td></tr></table>";

$('body').append(str+' '+str);

在IE7,8,9，Chrome，Firefox中测试过。 IE浏览器从here

借来的黑客

Answer 2

默认情况下，

<table>元素是块元素，因此（例如，<div>和<p>等）默认情况下它们将从新行开始。您可以通过设置display: table-cell或display: inline-block：

来更改此设置

<table style="display: inline-block">

或者，更好的是，在样式表中：

table {
   display: inline-block;
}

请注意，此行为与是否使用jQuery添加元素无关，但您也可以使用jQuery设置样式：

$("table").css({display: "inline-block"});