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
CSS: Jak mieć position: absolutny element div wewnątrz pozycji: względny element div nie może być przycięty przez przepełnienie: ukryty w kontenerze
Mam 3 poziomy div: (Na zielono poniżej) Najwyższy poziom divz overflow: hidden. Dzieje się tak, ponieważ chcę, aby część zawartości (nie pokazana tutaj) wewnątrz tego pudełka została przycięta, jeśli przekracza rozmiar pudełka. (Na czerwono poniżej) Wewnątrz mam divz position: relative. Jedynym zastosowaniem do tego jest następny poziom. (Na niebiesko poniżej) …
6
Wstaw obraz po każdym elemencie listy
Jaki byłby najlepszy sposób wstawienia małego obrazu po każdym elemencie listy? Próbowałem z pseudoklasą, ale coś jest nie tak ... ul li a:after {display: block; width: 3px; height: 5px; background: url ('../images/small_triangle.png') transparent no-repeat;} Dzięki za pomoc!
143 css 
2
Układ murarski oparty tylko na CSS
Muszę zaimplementować dość spływy układ murarski. Jednak z wielu powodów nie chcę do tego używać JavaScript. Parametry: Wszystkie elementy mają tę samą szerokość Elementy mają wysokość, której nie można obliczyć po stronie serwera (obraz plus różne ilości tekstu) Jeśli zajdzie taka potrzeba, mogę żyć ze stałą liczbą kolumn jest rozwiązanie …
143 html  css  flexbox  css-grid 
7
Środkowanie pływających elementów DIV w innym elemencie DIV
Przeszukałem inne pytania i chociaż ten problem wydaje się podobny do kilku innych, nic, co do tej pory widziałem, nie rozwiązuje problemu, który mam. Mam element div, który zawiera kilka innych elementów div, z których każdy jest przesunięty w lewo. Każdy z tych elementów div zawiera zdjęcie i podpis. Chcę …
142 html  center  css 
6
Twitter bootstrap float div w prawo
Jaki jest właściwy sposób bootstrapprzesunięcia elementu DIV w prawo? Myślałem, że pull-rightto zalecany sposób, ale nie działa. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> Uruchom fragment koduUkryj wynikiRozwiń fragment
5
Kiedy tagi <script> powinny być widoczne i dlaczego mogą?
scriptElementem, który został urządzony jak display:blockpojawia widoczne. Dlaczego jest to możliwe i czy jest jakiś prawdziwy przypadek użycia, w którym jest to pożądane? td &gt; * { display: block; } &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;script type="text/javascript"&gt; var test = 1; &lt;/script&gt;von 1 &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; Uruchom fragment koduUkryj wynikiRozwiń fragment
142 html  css  script-tag 
14
img wyświetla nieprawidłową orientację
Mam obraz pod tym linkiem: http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg Jak widać, jest to normalny obraz z prawidłową orientacją. Jednak kiedy ustawię ten link na atrybut src mojego tagu obrazu, obraz stanie się do góry nogami. http://jsfiddle.net/7j5xJ/ &lt;img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/&gt; Uruchom fragment koduUkryj wynikiRozwiń fragment Czy masz pojęcie, co się dzieje?
142 html  css  image 
4
Wyrównanie w pionie CSS elementów inline / inline-block
Próbuję uzyskać kilka inlinei inline-blockkomponenty wyrównane pionowo w div. Jak to możliwe, że spanw tym przykładzie nalega na zepchnięcie? Próbowałem obu vertical-align:middle;i vertical-align:top;, ale nic się nie zmienia. HTML: &lt;div&gt; &lt;a&gt;&lt;/a&gt;&lt;a&gt;&lt;/a&gt; &lt;span&gt;Some text&lt;/span&gt; &lt;/div&gt;​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { background:yellow; vertical-align:middle; } …
6
Usuń zachowanie CSS „: hover” z elementu
Mam CSS, który zmienia formatowanie po najechaniu kursorem na element. HTML: &lt;div class="test"&gt; blah &lt;/div&gt; CSS: .test:hover { border: 1px solid red; } W niektórych przypadkach nie chcę stosować CSS po najechaniu kursorem. Jednym ze sposobów byłoby po prostu usunięcie klasy CSS z div za pomocą jQuery, ale to zepsułoby …
142 html  css 
16
Overflow-x: hidden nie zapobiega przepełnieniu zawartości w przeglądarkach mobilnych
Mam tutaj stronę internetową . W przeglądarce na komputerze czarny pasek menu prawidłowo rozciąga się tylko do krawędzi okna, ponieważ plik bodyma overflow-x:hidden. W dowolnej przeglądarce mobilnej, czy to Android, czy iOS, czarny pasek menu wyświetla pełną szerokość, co powoduje pojawienie się spacji po prawej stronie strony. O ile wiem, …
11
Dodaj poziomy pasek przewijania do tabeli html
Czy istnieje sposób na dodanie poziomego paska przewijania do tabeli HTML? Właściwie potrzebuję, aby można go było przewijać zarówno w pionie, jak iw poziomie, w zależności od tego, jak rośnie tabela, ale nie mogę wyświetlić żadnego paska przewijania.
16
Użyj CSS, aby automatycznie dodać gwiazdkę „pole wymagane” do danych wejściowych formularza
Jaki jest dobry sposób na przezwyciężenie niefortunnego faktu, że ten kod nie będzie działał zgodnie z oczekiwaniami: &lt;div class="required"&gt; &lt;label&gt;Name:&lt;/label&gt; &lt;input type="text"&gt; &lt;/div&gt; &lt;style&gt; .required input:after { content:"*"; } &lt;/style&gt; W idealnym świecie wszystkie wymagane inputznaki otrzymałyby małą gwiazdkę wskazującą, że pole jest wymagane. To rozwiązanie niemożliwe, ponieważ CSS jest …
5
Czy w Google Chrome jest jakieś „wygładzanie czcionek”?
Używam czcionek internetowych Google i są one dobre przy bardzo dużych rozmiarach czcionek, ale przy 18 pikselach wyglądają okropnie. Czytałem tu i ówdzie, że istnieją rozwiązania do wygładzania czcionek, ale nie znalazłem żadnego miejsca, które wyjaśniałoby to jasno, a kilka fragmentów, które znalazłem, w ogóle nie działa. Kim h4wygląda okropnie …
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.