☰

Bilibili 分P多行显示优化

分P标题：换行显示

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

/* ==UserStyle==
@name           Bilibili 分P多行显示优化
@namespace      JimmyZJX
@version        1.0.1
@description    分P标题：换行显示
@author         JimmyZJX
==/UserStyle== */

@-moz-document domain("bilibili.com") {
    .multi-page .cur-list .list-box li {
        white-space: normal!important;
        height: auto!important;
        line-height: 20px!important;
        padding: 4px 10px!important;
        /* border-top: 1px solid gray; */
    }

    .multi-page .cur-list .list-box li a {
        align-items: center;
    }

    .multi-page .cur-list .list-box li:after {
        content: "";
        border-top: 1px solid #fff;
        display: block;
        transform: translateY(5px);
    }

    .multi-page .cur-list .list-box li .duration {
        margin-left: 5px;
    }
}