Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Meletakkan Bar Tatal di Sebelah Kiri Div dalam CSS?

Bagaimana untuk Meletakkan Bar Tatal di Sebelah Kiri Div dalam CSS?

DDD
DDDasal
2024-10-26 22:31:02451semak imbas

How to Place the Scrollbar on the Left Side of a Div in CSS?

Menyesuaikan Peletakan Bar Tatal Div

Walaupun atribut limpahan membenarkan anda mendayakan tatal untuk div, secara lalai bar tatal muncul di sebelah kanan- sebelah tangan. Jika anda ingin meletakkan bar skrol di sebelah kiri, ia boleh dilakukan melalui CSS.

Untuk mencapai peletakan bar skrol sebelah kiri, gunakan direction:rtl; Sifat CSS dalam div yang mengandungi kawasan boleh tatal. Tetapan ini menukar arah teks ke kanan ke kiri. Walau bagaimanapun, anda boleh menetapkan semula arah teks ke kiri-ke-kanan dalam div dalam yang menyimpan kandungan anda.

Berikut ialah coretan CSS yang belum diuji yang menunjukkan pendekatan ini:

<code class="css">#scroll {
    direction: rtl; 
    overflow: auto; 
    height: 50px; 
    width: 50px;
}

#scroll div {
    direction: ltr;
}</code>

Atas ialah kandungan terperinci Bagaimana untuk Meletakkan Bar Tatal di Sebelah Kiri Div dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn