Pertanyaan yang diberi tag «css»

CSS (Cascading Style Sheets) adalah bahasa lembar gaya representasi yang digunakan untuk menjelaskan tampilan dan pemformatan dokumen HTML (HyperText Markup Language), XML (Extensible Markup Language) dan elemen SVG termasuk (tapi tidak terbatas pada) warna, tata letak, font, dan animasi. Ini juga menjelaskan bagaimana elemen harus ditampilkan di layar, di atas kertas, dalam pidato, atau di media lain.

1
Bagaimana cara inline font dalam CSS dengan webpack?
Latar belakang masalah: Saya menggunakan katex untuk membuat beberapa matematika pada halaman. Saya kemudian ingin membuat versi PDF dari bagian halaman itu, jadi saya membuat dokumen HTML yang berisi bagian yang akan diekspor yang menyatukan semua CSS dan meneruskannya ke renderer. Penyaji tidak dapat mengakses sumber daya simpul, itu sebabnya …
2
Masalah dengan "white-space: nowrap" di Chrome 78.0.3904.70
Sejak rilis Chrome v78.0.3904.70, saya melihat masalah dengan menggunakan  properti CSS white-space: nowrap;. Ruang tanpa putus tampaknya menyebabkan jeda baris. Saat menggunakan text-overflow: ellipsis, teks yang sebenarnya tidak akan ditampilkan karena rusak di luar wadah. Tampaknya hanya terjadi jika teks terlalu panjang untuk ditampilkan. .box-inline { max-width: 120px; overflow: hidden; …
2
Posisi flickering iPhone lengket
Mengikuti sedikit kode saya. Hanya ingin tahu mengapa sel "iPhone" berkedip hanya dari iPhone. PS. Saya tidak bisa menggunakan tabel atau daftar untuk struktur. Saya juga mencoba menggunakan transform: translate3d(0,0,0);. Pada dasarnya saya membutuhkan sel pertama untuk menjadi lengket baik untuk Kiri dan Atas pada iPhone dan iPad juga. Saya …
10 html  css 
2
Bagaimana mencegah Mode Gelap iOS 13 dari memecah email
Kami memiliki aplikasi e-commerce yang mengirimkan detail pesanan saat pembelian dilakukan, dan kami hanya mendesain ulang templat email itu. Kami telah menerima laporan selama beberapa hari terakhir dari beberapa pelanggan yang memiliki setengah teks di email yang hilang. Setelah akhirnya mendapatkan tangkapan layar, kami mengetahui bahwa masalah ini terjadi pada …
10 ios  css  email  gmail  ios-darkmode 
1
Efek samping dari menghapus "width = device-width" dari meta tag viewport ketika "skala awal = 1.0" juga diatur
Meskipun <meta name="viewport">tag tidak standar, "dihormati oleh sebagian besar peramban seluler karena dominasi de-facto." Satu kelemahan dari itu tidak menjadi standar web yang benar adalah dokumentasi rinci tidak tersedia seperti standar lainnya. The Kelompok Kerja CSS memiliki spesifikasi untuk ini, jadi itulah yang saya terutama menggunakan sebagai sebuah karya otoritatif. …
4
Bagian perbatasan div terputus
Saya memiliki elemen kontainer yang memegang beberapa elemen lain, tetapi tergantung pada ukuran layar bagian dari mereka terputus di berbagai bagian. Anda dapat mengamati perilaku pada tautan sandbox kode saya, ketika halaman HTML disesuaikan lebarnya (dengan mengklik dan menariknya). Bagaimana saya bisa memastikan bahwa hanya batas kontainer utama yang diberikan, …
3
Lebih suka menyusut daripada tumbuh dalam wadah fleksibel dengan aliran fleksibel: bungkus baris
Menampilkan galeri gambar dengan ukuran dan rasio gambar berbeda dengan spesifikasi berikut: Tidak ada kekosongan (margin) di antara gambar. Menghormati rasio asli sebanyak mungkin. Gambar dikelilingi oleh tautan. Solusi Non-JS. Gambar bisa dipangkas sedikit. Solusi portabel. Set gambar yang ditampilkan adalah acak. Gambar harus ditampilkan dari kiri ke kanan (mencegah …
2
Elemen dari tetap ke relatif pada gulir
Saya telah membuat pembungkus di mana saya menghidupkan efek yang sama seperti Apple pada halaman Airpods mereka . Ini pada dasarnya video, ketika saya gulir, video diputar sedikit demi sedikit. Posisi video sudah diperbaiki sehingga teks dapat menggulir ke sana. Namun, teks hanya terlihat ketika antara offset divisi tertentu (tampilan …
2
SVG CSS Beberapa animasi
Saya telah membuat animasi peta harta karun, pertama, itu akan menampilkan jalan dalam abu-abu terang tetapi ketika animasi dimulai saya ingin garis abu-abu terang menghilang atau berubah menjadi warna hitam ketika animasi isi ".road" menendang masuk. Saya berjuang untuk mendapatkan garis abu-abu terang ".steps" menghilang ketika animasi isi melewati posisi …
9 css  svg 
1
Efek khusus yang mensimulasikan roda 3d dengan Swiper 5
Saya perlu membuat korsel dengan 12 item yang mensimulasikan roda 3d berputar tanpa batas. Agar jelas, saya harus membuat efek ini: https://codepen.io/SitePoint/pen/yXWXaw (ditemukan di sini ) tetapi dengan fitur-fitur tambahan ini (terutama pada desktop dan ponsel): slide harus mengikuti langkah-demi-langkah gesekan, yaitu slide harus bergerak sambil menggesek (seperti yang dilakukan …
2
Bagaimana saya menerapkan gaya terkelola Material-UI ke elemen non-material-ui, non-reaksi?
Saya memiliki aplikasi tempat saya menggunakan Material UI dan penyedia temanya (menggunakan JSS). Saya sekarang menggabungkan fullcalendar-react , yang bukan benar-benar perpustakaan React sepenuhnya - itu hanya pembungkus komponen React tipis di sekitar kode fullcalendar asli. Maksudnya, bahwa saya tidak memiliki akses ke hal-hal seperti render props untuk mengendalikan bagaimana …
5
Menggunakan CSS, cara "rapat" menyelaraskan "A" ke bagian bawah / akhir dari "B" di mana "B" memiliki lebar dan pembungkus teks yang tidak diketahui
Saya memiliki tabel "sortable" di mana tajuk kolom yang saat ini disortir menampilkan ikon: Ikon sortir akan ditampilkan di akhir teks (yaitu, kami mendukung LTR / RTL). Saya sedang menggunakan display:flex. Namun, jika lebar tabel menyusut dan teks tajuk kolom mulai membungkus, saya mengalami keadaan ambigu di mana tidak jelas …
6
Sidebar Buka Secara Default di Desktop, Ditutup di ponsel
Saya mengalami masalah nyata ketika mencoba untuk mendapatkan sidebar / konten navigasi saya (menggunakan Bootstrap) untuk ditampilkan (diperluas) secara default di desktop dan ditutup secara default di ponsel dan ikon hanya ditampilkan di ponsel. Sepertinya saya tidak bisa melakukan ini. <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" …
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.