2015-12-23 22 views
2

我需要將表內的圖像對齊爲center。我試過middle align但它不工作,請幫忙嗎?如何在表元素內創建圖像中心

$("#poptab").append("<tr><td> <img src='"+ssrc+"' height=75 width=75 align=middle> </td><tr>"); 
 
$("#poptab").append("<tr><td> Name: </td> <td>" +ee1_nam +"</td></tr>"); 
 
$("#poptab").append("<tr><td> Job: </td> <td>" +jjob +"</td></tr>"); 
 
$("#poptab").append("<tr><td> Position: </td> <td>" +pposition +"</td></tr>"); 
 
$("#poptab").append("<tr><td> Manager: </td> <td>" +mmanager +"</td></tr>");
<table id="poptab" style="width:100%; border:0px;" cellpadding="3" cellspacing="0"></table>

+0

的斷章取義建議添加這些 :鏈中的'.append()'這樣'$方法( 「#poptab」) .append(...)。追加(...)。追加(...)。追加(...)' – Saba

回答

1

嘗試在img標籤使用align='center'。並且也給td CSS text-align:centeralign='center'

1

如果使用CSS表屬性(=的DIV而不是<table><tr><td>),可以定義一個塊元素(DIV)爲「顯示:表細胞」和中心的內容爲text-align: center; vertical-align: middle;

建立一個帶有DIV的表格併爲其分配表格屬性還具有以下優點:您可以輕鬆地將這些表格更改爲常規塊(dsplay: block),以便在較小的設備的媒體查詢中將它們置於彼此之下。

0

水平居中使用align="center"td標記中,垂直居中valign="middle"應該工作。在CSS這將是text-align:centervertical-align:middle

0
img 
{ 
position:absolute; 
margin:10% auto; 
} 

在你的CSS文件

相關問題