cssはテキストを設定して、要素は箱を超えて自動的に改行して、しかも箱の範囲を超えてスクロールバーが現れて、スクロールバーのスタイルをカスタマイズします
732 ワード
//テキストの自動改行を設定し、行内の要素の数字のアルファベットを設定する必要があります.ブロックレベルのラベルは一般的に自動改行を超えます.
//ボックスを超えてスクロールバーを設定し、スクロールバースタイルをカスタマイズします.以下のスクロールバースタイルはすべて設定することが望ましいです.
div {
word-wrap: break-word; //
word-break: normal;
}
//ボックスを超えてスクロールバーを設定し、スクロールバースタイルをカスタマイズします.以下のスクロールバースタイルはすべて設定することが望ましいです.
div {
height: 400px;
overflow: auto; /* , */
}
//
div ::-webkit-scrollbar {
/* */
width: 10px;
border-radius: 5px;
}
div ::-webkit-scrollbar-track {
/* */
background: #999;
border-radius: 10px;
}
div ::-webkit-scrollbar-thumb {
/* */
border-radius: 10px;
}
div ::-webkit-scrollbar-thumb:hover {
/* , */
background: #333;
}
div ::-webkit-scrollbar-corner {
/* */
background: #179a16;
}