請問增加段落間距要改哪？

[林雪凡]

在使用標號「#」做列表時無法手動用enter拉開段落間距（編號會斷開），列表一長就眼花了，故想要直接修改段落間距，但不知道要改哪裡。

試著改.viewer {margin-top:2em;}，又改.tiddler {margin-top:2em;}，好像都不對。

CSS實在不熟，請提點一下。

[魚狗]

若是要採用CSS的方式
也許TiddlyWiki123這裡提供一例 你可照此改改看~~
http://ptw.sourceforge.net/TiddlyWiki123.zh-Hant.html#[[%E8%87%AA%E8%A8%82CSS%20Class]]

2009/3/24 林雪凡 <lari...@gmail.com>:

[林雪凡]

等一下，tiddlywiki好像是用「br」分段的：

在StyleSheet中輸入：

p{ margin-top:2em;}

毫無反應。

但是若輸入：

br{ margin-top:2em;}

則每行「行距」（非段落間距）增加兩倍。效果類似.viewer { line-height:2em;}

段落間距仍找不到去哪裡設定。
///////
魚大提供的例子已拜讀，但是因為我需要把所有段落間距拉長，故不太實用。仍然感謝。

[BramChen]

> 試著改.viewer {margin-top:2em;}，又改.tiddler {margin-top:2em;}，好像都不對。
>

.viewer li {margin-top:2em;}

[BramChen]

> 段落間距仍找不到去哪裡設定。

請說明這裡的「段落」是用哪個 syntax

我先猜猜看，這個是否是你要的？
.viewer ol {margin: 1em 0 2em 0;}

使用範例：
# aaa
## a1
## a2
# bbb
## b1
## b2
# ddd

[林雪凡]

.viewer li {margin-top:2em;}

就是上面這個，太感謝了！這樣列表中間就有空行了^^。

.viewer ol我試過了，但是效果不對，我是開StyleSheetLayout一個一個慢慢try&error，但就是猜不出哪個是我想要
的。

進一步順便問一下，如果要將每個enter間都自動空半行，應該要改哪？

[BramChen]

On 3月24日, 下午5時39分, 林雪凡 <larina...@gmail.com> wrote:
> .viewer li {margin-top:2em;}
>
> 就是上面這個，太感謝了！這樣列表中間就有空行了^^。
>
> .viewer ol我試過了，但是效果不對，我是開StyleSheetLayout一個一個慢慢try&error，但就是猜不出哪個是我想要
> 的。

段落間距？ 項目間距?
認知差距大啊 ....

其實，指定不同的邊界給
.viewer ol
.viewer li
，適當的調整，可以讓清單中分段、分項更加層次分明。

> 進一步順便問一下，如果要將每個enter間都自動空半行，應該要改哪？

看起來像是要指定行距？

可以調整 .viewer 的 line-height
選擇性調整
margin、margin-top、padding ....
font-size 。（因為字體大小與「空半行」在視覺上是相對的效果，甚至不同的字體也會影響）

[林雪凡]

最初的目標是要增加「項目間距」啦，但是我很自以為是地認為那和「段落間距」是一樣的東西，所以就這樣講了，拍謝－ｖ－ａ。

==========

不是行距，我確定不是.viewer 的line-height，因為line-height會同時將自動換行的每一行中間都增加間距，但我只要在
「enter」後增加間距就好，把每一段都分開。

當前的作法是每段後面直接敲兩個enter進去，但在某些需要剪貼的場合，貼到別處又會多出一行空行出來，改來改去很煩。

[BramChen]

> 不是行距，我確定不是.viewer 的line-height，因為line-height會同時將自動換行的每一行中間都增加間距，但我只要在
> 「enter」後增加間距就好，把每一段都分開。
>
> 當前的作法是每段後面直接敲兩個enter進去，但在某些需要剪貼的場合，貼到別處又會多出一行空行出來，改來改去很煩。

看起來很像是「段落間距」?

是的話，可利用 <p> 標記
選擇性配合「自訂 CSS class」

否則，貼個例子來討論吧，會清楚些 ....