Pertanyaan yang diberi tag «css»

Saya mencoba mengisi ruang vertikal item fleksibel di dalam Flexbox. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background-color: green; } <div class="container"> <div class="flex-1"></div> …

459 css  flexbox 

Saya memiliki dua div di dalam div lain, dan saya ingin memposisikan satu div anak di kanan atas div induk, dan div anak lainnya ke bagian bawah div induk menggunakan css. Yaitu, saya ingin menggunakan posisi absolut dengan dua div anak, tetapi posisikan mereka relatif terhadap div orang tua daripada …

457 html  css 

Misalkan Anda memiliki beberapa gaya dan markup: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> …

455 html  css  overflow 

Saya melihat halaman MDC untuk aturan CSS @ font-face , tapi saya tidak mendapatkan satu hal. Saya memiliki file terpisah untuk cetak tebal , miring dan tebal + miring . Bagaimana saya bisa menanamkan ketiga file dalam satu @font-faceaturan? Misalnya, jika saya punya: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") …

454 fonts  css  font-face 

Saya berencana menggunakan Google untuk mengunduh jQuery lib untuk UI dan Core. Pertanyaan saya adalah, apakah mereka mengizinkan saya mengunduh CSS untuk itu atau haruskah saya menyimpannya sendiri? Juga jika saya menggunakan Google untuk memuat bagaimana saya harus memuat plugin lain? Bisakah saya mengompres semua plugin bersama atau haruskah itu …

452 jquery  css  jquery-ui  cdn  google-ajax-libraries 

Saya memiliki struktur halaman sebagai: <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> Sekarang, child-leftDIV akan memiliki lebih banyak konten, sehingga parenttinggi DIV bertambah sesuai dengan DIV anak. Namun masalahnya adalah child-rightketinggian tidak bertambah. Bagaimana saya bisa membuat ketinggiannya sama dengan orang tuanya?

451 html  css  layout 

Saya telah mencari solusi jenis "lightbox" yang memungkinkan ini tetapi belum menemukan satu (tolong, sarankan jika Anda tahu ada). Perilaku yang saya coba buat ulang persis seperti yang Anda lihat di Pinterest saat mengklik gambar. Overlay dapat digulir ( seperti seluruh overlay bergerak ke atas seperti halaman di atas halaman …

446 css  overlay  lightbox 

Saya perlu membuat bayangan kotak pada beberapa blockelemen, tetapi hanya (misalnya) di sisi kanannya. Cara saya melakukannya adalah dengan membungkus elemen dalam dengan box-shadowyang luar dengan padding-rightdan overflow:hidden;sehingga tiga sisi lain dari bayangan tidak terlihat. Apakah ada cara yang lebih baik untuk mencapai ini? Suka box-shadow-right? EDIT : Maksud saya …

445 css  shadow  box-shadow 

Bagaimana cara mencetak div yang ditunjukkan (tanpa secara manual menonaktifkan semua konten lain pada halaman)? Saya ingin menghindari dialog pratinjau baru, jadi membuat jendela baru dengan konten ini tidak berguna. Halaman ini berisi beberapa tabel, salah satunya berisi div yang ingin saya cetak - tabel ditata dengan gaya visual untuk …

444 javascript  css  printing  dhtml 

Apakah ada cara untuk memposisikan gambar latar sejumlah piksel dari kanan elemennya? Misalnya, untuk memposisikan sesuatu sejumlah piksel (katakanlah, 10) dari kiri , ini adalah bagaimana saya melakukannya: #myElement { background-position: 10px 0; }

443 css 

Dapatkah transisi CSS digunakan untuk memungkinkan paragraf teks memudar saat memuat halaman? Saya sangat suka tampilannya di http://dotmailapp.com/ dan akan senang menggunakan efek serupa menggunakan CSS. Domain telah dibeli dan tidak lagi memiliki efek yang disebutkan. Salinan yang diarsipkan dapat dilihat di Wayback Machine . Ilustrasi Memiliki markup ini: <div …

442 css  css-transitions  opacity 

Saya memiliki dua divs berdampingan. Saya ingin ketinggian mereka sama, dan tetap sama jika salah satu dari mereka mengubah ukuran. Saya tidak tahu yang satu ini. Ide ide? Untuk memperjelas pertanyaan saya yang membingungkan, saya ingin kedua kotak selalu berukuran sama, jadi jika salah satu tumbuh karena teks ditempatkan ke …

442 html  css  html-table  flexbox 

Saya sedang mengerjakan situs web yang membutuhkan uji font online, font yang saya miliki semuanya .otf Apakah ada cara untuk menyematkan font dan membuatnya bekerja di semua browser? Jika tidak, alternatif apa lagi yang saya miliki?

440 html  css  fonts  font-face 

Saya memiliki tautan di halaman web saya untuk mencetak halaman web tersebut. Namun, tautannya juga terlihat di cetakan itu sendiri. Apakah ada kode javascript atau HTML yang akan menyembunyikan tombol tautan ketika saya mengklik tautan cetak? Contoh: "Good Evening" Print (click Here To Print) Saya ingin menyembunyikan label "Cetak" ini …

440 css  printing 

Saya bingung dengan sistem grid di Bootstrap baru, khususnya kelas-kelas ini: col-lg-* col-md-* col-xs-* (di mana * mewakili beberapa nomor). Adakah yang bisa menjelaskan hal berikut: Bagaimana angka itu menyelaraskan grid? Bagaimana cara menggunakan angka-angka ini? Apa yang sebenarnya mereka wakili?

440 css  twitter-bootstrap  twitter-bootstrap-3  grid