请注意：在 Firefox, Chrome, Opera, Safari 等浏览器中，显示效果有异状……
……由于某些参数设定不当，棋图和文字框局部重叠。
要把这篇棋评贴上华新网，采用两栏式，标记的使用比较简单、容易掌握。
2010年第四届全国体育大会象棋赛
王天一先胜赵鑫鑫-(1)
第四届全国体育大会象棋第二轮，北大学生王天一以“鬼怪式仙人指路”的布局飞刀战胜全国冠军而引起轰动。刹那间这种鬼怪式飞刀被批上神秘色彩……
1. 兵七进一 炮２平３ 2. 炮二平五 象３进５
3. 马二进三 车９进１ 4. 相七进九 ……
飞边相是布局宝库中“稀世珍品”，布局阶段飞边相绝对超出常规思维，所以称飞边相为“鬼怪式”难道飞相是保兵或拐角马？非也，当你看了以下实战则会茅塞顿开。
4. …… 车９平４ 5. 士四进五 ……
“补右士”是王天一抛出最新布局飞刀。怎么这种结构让人看了感到很别扭，真是够奇奇怪怪的？为什么不补左仕？
读者朋友，当你欣赏以下2005年5月6日阎文清大师VS上海著名棋手宇兵之战就会明白（着法见图2)。
5. …… 马８进７ 6. 车一平二 炮８平９
7. 炮八平六 马２进１ 8. 马八进七 车１平２
9. 车二进四 车４进５ 10. 兵三进一 …�
(more...)
……这个不等宽二栏的架构标签，并不复杂。现简介于下：
其实只有以下几行（左右尖角括号内的英文）
======================================================================
<div style="width:720px"> （注：外框，设定帖的宽度）
<div style="width:384px; height:2200px; float:left; overflow:scroll;
margin:0 1em; font-size:15px; line-height:160%">
左栏内容，主要是评注，文字可上下滚动。
</div>
<div style="width:256px; float:right; margin:0 1em; font-size:15px;">
右栏内容，在此只放棋图。
</div>
</div> （外框的结束标签）
======================================================================
标签参数说明：
1）overflow:scroll;
使框内文稿滚动，用于较矮的一栏。必须设定框的高度，才有滚动效果。
2) height:2200px;
设定框的高度。以上帖为例，右栏六图直排。左栏是长篇注解，把栏高设成与右栏相等。
一个动态棋盘连上标题、间距的总高度是333px，可以作为计算右栏所需高度的依据；
再按实际情况细加调整。
3) float: left;
让框靠左（或靠右）的标签。
4) margin: 0 1em;
栏框的边距，上下为0;左右各1em。
5) line-height:160%;
文字的行距。
此外，可在最后添加这行标记：
<div style="clear:both"><br></div>
恢复单栏排版。
======================================================================
<div style="width:720px"> （注：外框，设定帖的宽度）
<div style="width:384px; height:2200px; float:left; overflow:scroll;
margin:0 1em; font-size:15px; line-height:160%">
左栏内容，主要是评注，文字可上下滚动。
</div>
<div style="width:256px; float:right; margin:0 1em; font-size:15px;">
右栏内容，在此只放棋图。
</div>
</div> （外框的结束标签）
======================================================================
标签参数说明：
1）overflow:scroll;
使框内文稿滚动，用于较矮的一栏。必须设定框的高度，才有滚动效果。
2) height:2200px;
设定框的高度。以上帖为例，右栏六图直排。左栏是长篇注解，把栏高设成与右栏相等。
一个动态棋盘连上标题、间距的总高度是333px，可以作为计算右栏所需高度的依据；
再按实际情况细加调整。
3) float: left;
让框靠左（或靠右）的标签。
4) margin: 0 1em;
栏框的边距，上下为0;左右各1em。
5) line-height:160%;
文字的行距。
此外，可在最后添加这行标记：
<div style="clear:both"><br></div>
恢复单栏排版。
Huasing Association 1999 - 2013