如何在表格元素中制作图像中心

时间:2015-12-23 12:23:09

标签: javascript html css html5 css3

我需要将表格内的图片对齐为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>");
&#13;
<table id="poptab" style="width:100%; border:0px;" cellpadding="3" cellspacing="0"></table>
&#13;
&#13;
&#13;

4 个答案:

答案 0 :(得分:1)

尝试在align='center'代码中使用img。并提供td css text-align:centeralign='center'

答案 1 :(得分:1)

如果使用CSS表属性(= DIV而不是<tr><td>text-align: center; vertical-align: middle;),则可以将块元素(div)定义为&#34; display:table -cell&#34;并以dsplay: block为中心。

使用DIV构建表并为其分配表属性还具有以下优势:您可以轻松地将这些块更改为常规块(SQlite),以便在较小的设备中将它们放在彼此之下。

答案 2 :(得分:0)

要在align="center"标记中水平居中td,垂直居中valign="middle"应该有效。在CSS中,它将是text-align:centervertical-align:middle

答案 3 :(得分:0)

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

添加这些 在你的CSS文件中