html中table表格里添加图片和文字问题

给左侧的图片加一个css样式： vertical-align: middle，如下图。

代码 如下图：

拓展资料：

vertical-align的是属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元

格框中的单元格内容的对齐方式。

可能的值：

参考资料：《W3school--vertical-align 属性》

可以用DefaultTableModel,构造函数，DefaultTableModel model = new DefaultTableModel(列名，行数)再用这个模型构造一个JTable，new JTable(model),然后只需要设置model就可以了，在model中有个addRow(Object[])方法，可以在末尾添加一行数据

大概的思路就是通过元素追加，即table对象追加一个tr对象，tr对象追加3个td对象, td对象的值为你的input的输入值。

1

2

3

4

5

6

7

8

9

10

//初始化td对象及tr对象

var $td = $("<td/>"),$tr=$("<tr/>")

//分别为td对象赋值

$tr.append($td.clone().text( $("#a1").val() ))

.append($td.clone().text( $("#a2").val() +"-"+ $("#a2").val()))

.append($td.clone().text( $("#a4").val() ))

//table的id假设为tb，为table追加tr对象

$("#tb").append($tr)

---