HTML中如何在图片右侧添加可编辑表格

html-css014

HTML中如何在图片右侧添加可编辑表格,第1张

HTML中,有两种方法可以做到图片右侧添加表格:

同一个div内,将图片设置成背景,同时将div内左边距(padding-left)设置成与图片一样的宽度,再在此div内加表格即可;

做成2个div,同时设置左浮动,第1个div的宽度设置成与图片一样宽,第2个div宽度根据自己表格情况设定即可,然后再第2个div里添加表格即可

如有问题可再接着问,希望能帮到你!

您好:首先动态创建表格。

定义好表格的html代码:

“<table><tr><td>单元格1</td><td>单元格2</td><td>单元格3</td></tr></table>”

然后用js的createElement()方法,或者用jqurey的$("html代码")创建元素。然后用apendchild()方法动态插入到网页中就可以了。td里面是文本框的话,默认就会有tab键移动光标等效果的,不用自己写。(自己写也可以,就是让文本框活的焦点,blur一下就行)。至于删除行和列的话,可以先的到删除行的id或者class,然后remove()一下就可以了。

<body style=" background-color:#FFF">

<table style=" width="500px">

<thead>

<tr>

<td style=" text-align:centerfont-size:font-size:5pt">列车时刻表</td>

</tr>

</thead>

<tbody>

<tr>

<td>这里写表格的内容</td>

</tr>

<tr>

<td>这里写表格的内容</td>

</tr>

<tr>

<td>这里写表格的内容</td>

</tr>

</tbody>

</table>

</body>

我发现字体5pt太小了,你可以改一下大小。希望采纳……