如何在blogger中插入表格

用HTML的table标签可以在blogger中插入表格,如下所示:
<table width="200" border="1">
<tr>
<td>Row 1, Col 1</td>
<td>Row 1, Col 2</td>
</tr>
<tr>
<td>Row 2, Col 1</td>
<td>Row 2, Col 2</td>
</tr>
</table>


显示效果:











Row 1, Col 1Row 1, Col 2
Row 2, Col 1Row 2, Col 2



这里table标签的width属性可以指定单元格的宽度,border属性可以指定边框的粗细。至于<tr></tr>和<td></td>简单说来就是tr定义表格中的行,td定义行中不同的列,看上面的显示效果应该很容易理解。

但是blogger有一个问题,当用上面的HTML语法插入表格时会在表格前出现大块的空白区域,原来在编辑文章时每次增加新行,blogger都会自动在行尾添加
断行。

我在网上搜索到两种方法可以解决这个问题:
  1. CSS修正
    用下列语法将Table包起来
    <style type="text/css">.nobrtable br {display:none}</style>
    <div class="nobrtable">

    [Table内容]

    </div>

  2. 手动删除断行
    将原来Table中的断行统统删除,即
    将如下格式
    <table border="0">
    <tr>
    <td>content</td>
    </tr>
    </table>
    改成如下格式
    <table border="0"><tr><td>content</td></tr></table>

没有评论:

发表评论