如何避免動態插入兩行之間的新行

Question

這是我將兩個表附加到DIV的jQuery代碼。

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>，以及很多），他們將開始在默認情況下一個新行。

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

或者，更好，在樣式表：你可以用CSS設置display: table-cell或display: inline-block改變這種

table { 
    display: inline-block; 
} 

注意，此行爲無關，與是否使用jQuery添加元素，但你也可以設置樣式使用jQuery：

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

演示：http://jsfiddle.net/hbCyK/1/