设置列表为横向排列方法?

46 views
Skip to first unread message

dylan

unread,
Jan 11, 2021, 6:20:02 AM1/11/21
to TiddlyWiki 華語支援論壇
现在用“<<list-links "[tag[人员]sort[title]]">>”设置的,显示为竖向排列,想改为横向排列,应该如何设置?
Snipaste_2021-01-11_18-56-17.jpg

Bram Chen

unread,
Jan 11, 2021, 8:02:29 AM1/11/21
to TiddlyWiki 華語支援論壇


<style>
.hlist ul li {
   margin-right: 20px;
   display:inline;
}
</style>

<div class="hlist">
<<list-links "[tag[人员]sort[title]]">>     
</div>



dylan 在 2021年1月11日 星期一下午7:20:02 [UTC+8] 的信中寫道:

dylan

unread,
Jan 11, 2021, 7:31:36 PM1/11/21
to TiddlyWiki 華語支援論壇
感谢分享,不过还有个问题,就是会出现一个标题被拆分到第一行结尾和第二行开始,这个应该算是这个方案的缺陷。

Bram Chen

unread,
Jan 13, 2021, 1:54:57 AM1/13/21
to TiddlyWiki 華語支援論壇
將列表改成橫向排列,只利用 HTML 標記 + CSS 的方法,至少還有一種以上的方法。各有優缺點,也可能需要細部調整。
我比較希望回覆的不是答案,而是一個思考方向。也許你可以找到更合適的方法,歡迎分享。

dylan 在 2021年1月12日 星期二上午8:31:36 [UTC+8] 的信中寫道:

Bram Chen

unread,
Jan 13, 2021, 2:06:27 AM1/13/21
to TiddlyWiki 華語支援論壇
另外,`list-links` 有個 class 參數,不知管不管用,但可以試試。
或者上 TiddlyWiki 的官方論壇找找,也許已有解答。

Bram Chen 在 2021年1月13日 星期三下午2:54:57 [UTC+8] 的信中寫道:

dylan

unread,
Jan 13, 2021, 7:32:57 AM1/13/21
to TiddlyWiki 華語支援論壇
已然是很感谢了,你这个思路还是很不错的,我也在研究更好的办法,等我找出来以后,分享出来。
Reply all
Reply to author
Forward
0 new messages