Pytania otagowane jako css

CSS (Cascading Style Sheets) to język arkusza stylów reprezentacji używany do opisywania wyglądu i formatowania dokumentów HTML (HyperText Markup Language), XML (Extensible Markup Language) i elementów SVG, w tym (między innymi) kolorów, układu, czcionek, i animacje. Opisuje także, w jaki sposób elementy powinny być renderowane na ekranie, na papierze, w mowie lub na innych mediach.

4
Jak wyrównać w pionie cały tekst w CSS?
Problem wydaje się, że niektóre litery, takie jak g, y, q, itd., Które mają ogon, które schodzą w dół, nie można dopuścić do pionowego centrowania. Oto zdjęcie przedstawiające problem . Postacie w zielonym polu są w zasadzie idealne, ponieważ nie mają ogona skierowanego w dół. Te w czerwonym polu pokazują …
4
Dlaczego ustawianie właściwości CSS przy użyciu Promise.the tak naprawdę nie dzieje się w tym bloku?
Spróbuj uruchomić następujący fragment kodu, a następnie kliknij pole. const box = document.querySelector('.box') box.addEventListener('click', e => { if (!box.style.transform) { box.style.transform = 'translateX(100px)' new Promise(resolve => { setTimeout(() => { box.style.transition = 'none' box.style.transform = '' resolve('Transition complete') }, 2000) }).then(() => { box.style.transition = '' }) } }) .box …
3
Tablica pełnej strony TCPDF
Próbowałem wielu sposobów, aby dopasować tabelę do strony (A4), jak pokazano na zdjęciu: Dużo szukałem, ale nie znalazłem nic przydatnego w Internecie. Korzystam z tabeli dynamicznej, wszystko jest w porządku, z wyjątkiem szerokości tabeli. oto mój kod: $content = '<table><thead><tr><th class="bg-dark text-white" align="center">#</th><th align="center" class="bg-dark text-white">Code</th><th align="left" class="bg-dark text-white">Description</th><th align="center" …
11 php  html  css  tcpdf 
3
Utrzymanie pozycji przewijania działa tylko wtedy, gdy nie znajduje się w dolnej części wiadomości div
Próbuję naśladować inne mobilne aplikacje do czatowania, w których po wybraniu opcji send-message tekstowego i otwarciu wirtualnej klawiatury nadal wyświetla się najniższa wiadomość. Wydaje się, że nie ma sposobu, aby zrobić to z CSS w zadziwiający sposób, więc JavaScript resize(jedyny sposób, aby dowiedzieć się, kiedy klawiatura jest najwyraźniej otwarta i …
11
Zapobiegać przewijaniu div w górę, gdy zostanie uderzony przez div poniżej?
Poprosiłem podobne pytanie wczoraj, ale wyjaśnił to źle, a nie określił moje pragnienie roztworu czystego CSS, które myślę, że powinno być możliwe, więc jestem znowu próbuje. Zasadniczo mam problem polegający na tym, że mam div przewijalnych wiadomości i pole wprowadzania poniżej. Kiedy klikam przycisk, chciałbym, aby pole wejściowe zostało powiększone …
9
Jak sprawić, aby <div> dokładnie wypełniał okno przeglądarki, w tym Mobile Safari od 2019 r
Pracuję nad jednostronicową aplikacją internetową, która najczęściej będzie używana na urządzeniach mobilnych. Jedną z jego funkcji jest tryb mapy, który tymczasowo przejmuje całe okno przeglądarki; skalę odległości i niektóre elementy sterujące są dołączone do czterech rogów mapy. Oto mały zrzut ekranu mapy, dzięki czemu możesz powiedzieć, o czym mówię: Mapa …
1
iOS Chrome oblicza niewłaściwą wysokość dokumentu
Aby wypełnić całą wysokość strony, używam height: 100%;tagów HTML i body, i działa dobrze, dopóki przeglądarka nie zostanie zamknięta i ponownie otwarta. (Nie używam 100vh z powodu problemów na urządzeniach mobilnych https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html ) Kroki ku reprodukcji: Otwórz https://angelika94.github.io/rick/ w Google Chrome na iPhonie (zobaczysz, że nawigacja (Morty and Beer) …
1
Jak wstawiać czcionki w CSS za pomocą webpacka?
Tło problemu: Używam katex do renderowania matematyki na stronie. Następnie chcę utworzyć wersję PDF części tej strony, dlatego tworzę dokument HTML zawierający część do wyeksportowania, która wstawia cały CSS i przekazuję go do renderera. Mechanizm renderujący nie może uzyskać dostępu do zasobów węzła, dlatego wszystko jest wbudowane. Działa idealnie, z …
2
Problem z „white-space: nowrap” w Chrome 78.0.3904.70
Od wydania Chrome w wersji 78.0.3904.70 widzę problemy z używaniem &amp;nbsp;właściwości CSS white-space: nowrap;. Nieprzerwana przestrzeń wydaje się powodować łamanie linii. Podczas używania text-overflow: ellipsisrzeczywisty tekst nie będzie wyświetlany, ponieważ jest uszkodzony na zewnątrz kontenera. Wydaje się, że dzieje się tak tylko wtedy, gdy tekst jest zbyt długi, aby go …
2
Ustaw migające migające iPhone'a
Po małym fragmencie mojego kodu. Zastanawiam się tylko, dlaczego komórka „iphone” miga tylko z telefonu iPhone. PS. Nie mogę użyć tabeli ani listy dla struktury. Próbowałem też użyć transform: translate3d(0,0,0);. Zasadniczo potrzebuję, aby pierwsza komórka była lepka zarówno dla Lewej, jak i Górnej na iPhonie i iPadzie. Chciałbym to zrobić …
10 html  css 
2
Jak zapobiec łamaniu wiadomości e-mail w trybie iOS 13 Dark Mode
Mamy aplikację e-commerce, która wysyła szczegóły zamówienia po dokonaniu zakupu, i właśnie przeprojektowaliśmy ten szablon e-maila. W ciągu ostatnich kilku dni otrzymywaliśmy raporty, w których brakowało połowy tekstu w e-mailu. Po otrzymaniu zrzutu ekranu dowiedzieliśmy się, że problem występuje na iPhone'ach korzystających z trybu ciemnego. Do tej pory wszyscy byli …
10 ios  css  email  gmail  ios-darkmode 
2
Jak wyłączyć przycisk przesyłania i łącza po kliknięciu w czystym CSS?
Rzuciłem sobie wyzwanie, aby stworzyć wizualnie dynamiczną i interaktywną obsługę tylko w HTML i CSS (bez Javascript). Jak dotąd nie spotkałem się z żadną potrzebną funkcją, której nie mogłem zrobić w czystym CSS i HTML. Ten jest może nieco trudniejszy. Muszę uniemożliwi użytkownikowi podwójne kliknięcie &lt;a&gt;, &lt;input type="submit"&gt;i &lt;button&gt;tagów. Zapobiega …
9 html  css 
3
Wolę kurczenie się niż uprawę w elastycznym pojemniku z flex-flow: owijanie rzędów
Wyświetlanie galerii obrazów o różnych rozmiarach i proporcjach z następującymi specyfikacjami: Bez odstępów (marginesów) między obrazami. Przestrzeganie oryginalnego stosunku w jak największym stopniu. Obrazy otoczone linkiem. Rozwiązanie inne niż JS. Obrazy mogą zostać nieco przycięte. Przenośne rozwiązanie. Zestaw wyświetlanych zdjęć jest losowy. Obrazy muszą być wyświetlane od lewej do prawej …
2
Element od stałego do względnego na zwoju
Zrobiłem opakowanie, w którym animowałem taki sam efekt jak Apple na ich stronie Airpods Pro . Zasadniczo jest to wideo, kiedy przewijam wideo, odtwarzam je krok po kroku. Pozycja wideo jest ustalona, ​​więc tekst ładnie się przewija. Jednak tekst jest widoczny tylko wtedy, gdy znajduje się między przesunięciem określonego podziału …
2
SVG CSS Wiele animacji
Stworzyłem animację mapy skarbów. Najpierw będzie wyświetlać ścieżkę w kolorze jasnoszarym, ale gdy rozpocznie się animacja, chciałbym, aby jasnoszare kreski zniknęły lub zmieniły kolor na czarny w miarę uruchamiania animacji wypełnienia „.road”. Jestem walczy o to, aby jasnoszare kreski „.steps” zniknęły, gdy animacje wypełnienia przekroczą tę pozycję. svg { position: …
9 css  svg 
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.