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;
}