……这个不等宽二栏的架构标签,并不复杂。现简介于下:其实只有以下几行(左右尖角括号内的英文)
======================================================================
(注:外框,设定帖的宽度)
左栏内容,主要是评注,文字可上下滚动。
右栏内容,在此只放棋图。
(外框的结束标签)
======================================================================
标签参数说明:
1)overflow:scroll;
使框内文稿滚动,用于较矮的一栏。必须设定框的高度,才有滚动效果。
2) height:2200px;
设定框的高度。以上帖为例,右栏六图直排。左栏是长篇注解,把栏高设成与右栏相等。
一个动态棋盘连上标题、间距的总高度是333px,可以作为计算右栏所需高度的依据;
再按实际情况细加调整。
3) float: left;
让框靠左(或靠右)的标签。
4) margin: 0 1em;
栏框的边距,上下为0;左右各1em。
5) line-height:160%;
文字的行距。
此外,可在最后添加这行标记:
恢复单栏排版。
不好意思,上一帖中“用于较矮的一栏”句有笔误……
……“较矮”应作“压矮”或“缩短”。就是为了节省版面空间,把框缩短,才须用滚动效果。