div滾動條調整到左側
阿新 • • 發佈:2022-12-12
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*direction 屬性規定文字的方向 / 書寫方向 direction: ltr; 從左往右(預設值) direction: rtl; 從右往左*/ #son { direction: ltr; } #father { width: 200px; height: 80px; border: 1px solid aqua; overflow-y: scroll; direction: rtl; }</style> </head> <body> <!-- 實現原理: 設定父元素的文字方向為從右到左 direction: rtl; 讓所有子元素的文字方向從左到右 direction: ltr; --> <div id="father"> <div id="son"> AAAAAAAAAAAA AAAAAAAAAAAA AAAAAAAAAAAA AAAAAAAAAAAA AAAAAAAAAAAA</div> </div> </body> </html>
結果: