<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 1 | Row 1, Col 2 |
Row 2, Col 1 | Row 2, Col 2 |
这里table标签的width属性可以指定单元格的宽度,border属性可以指定边框的粗细。至于<tr></tr>和<td></td>简单说来就是tr定义表格中的行,td定义行中不同的列,看上面的显示效果应该很容易理解。
但是blogger有一个问题,当用上面的HTML语法插入表格时会在表格前出现大块的空白区域,原来在编辑文章时每次增加新行,blogger都会自动在行尾添加断行。
我在网上搜索到两种方法可以解决这个问题:
- CSS修正
用下列语法将Table包起来<style type="text/css">.nobrtable br {display:none}</style>
<div class="nobrtable">
[Table内容]
</div> - 手动删除断行
将原来Table中的断行统统删除,即
将如下格式<table border="0">
改成如下格式
<tr>
<td>content</td>
</tr>
</table><table border="0"><tr><td>content</td></tr></table>
没有评论:
发表评论