☰

Bilibili 分P多行显示优化

分P标题：换行显示

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 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;
    }
}