Lehrer, ich habe eine Frage, das heißt display:block,

Lehrer, ich habe eine Frage, nämlich display:block. Ich weiß, dass seine Funktion darin besteht, die Anzeige nicht angezeigter Elemente zu steuern, z. B. das Hinzufügen von display:block zu einem Inline-Element Wie zum Beispiel span wird das Inline-Element zu einem schnellen Element, daher gibt es f...

不乖 2019-03-11 17:33:56 0  2  1080

Ist die Antwort auf die zweite Frage nach dem Durchbrechen des Levels falsch?

display:block; Handelt es sich nicht um eine Inline-Konvertierung in Block?

Morning 2019-02-26 21:23:24 0  2  991

css3 - Warum hat der anfängliche display:block der Übergangstransformation keinen Bewegungseffekt?

https://jsfiddle.net/zjmove/2... ---Nachdem ich die Antwort von Xiaoboost gelesen habe---Am Ende ist dies die am besten geeignete Änderung: https://jsfiddle.net/25d3ga9j... Ich habe nicht Ich mache es nicht klar. Es ist keine nächste Animation erforderlich, sondern nur der Effekt von links nach rech...

PHPz 2017-05-16 13:24:58 0  1  1323

Der Hover-Effekt des Menüelements deckt die gesamte Seitenhöhe ab

Ich entwickle die linke Navigation. Ich möchte, dass der rote Balken beim Schweben vor dem Menüpunkt angezeigt wird. Dies funktioniert für das Element „Home“ und seine Unterelemente, andere Stammelemente führen jedoch dazu, dass sich beim Hover ein roter Balken über die gesamte Breite der Seite von ...

P粉029327711 2024-02-04 00:36:46 0  2  408

Machen Sie das Dropdown-Menü mehrstufig

Ich habe ein Dropdown-Menü, das so aussieht: .dropdown{display:inline-block;position:relative;}.dropdownbutton>a{display:block;color:#000000;text-decoration:none;}.dropdown-content{ display:none;position:absolute;width:auto;overf

P粉107772015 2024-01-10 18:02:08 0  2  532

v-show kann ausgeblendet, aber nicht angezeigt werden

Wenn Sie das v-show-Attribut ausprobieren und es auf false gesetzt ist, wird der Inline-Stil display:none hinzugefügt, aber wenn es auf true gesetzt ist, wird display:block nicht hinzugefügt. . . {Code...}

ringa_lee 2017-05-16 13:36:49 0  7  749

Warum benötigen die Pseudoelemente :before und :after ein „content'-Attribut?

Warum benötigt der :after-Selektor im gegebenen Szenario ein Inhaltsattribut, um zu funktionieren? .test{width:20px;height:20px;background:blue;position:relative;}.test:after{width:20px;height:20px;background:red;display:block;position:absolute;top:0px;left :20

P粉653045807 2023-07-17 18:43:31 0  2  597

Überarbeiteter Titel: So wenden Sie den Überlaufeffekt nur auf Box Shadow an

Ich versuche, einen Schieberegler für den Eingabebereich zu erstellen, stoße jedoch auf ein Problem. body{justify-content:center;align-items:center;min-height:100vh;background:#151515;}#rangeValue{position:relative;display:block;font-size:6em;color:#999;font- Gewicht:400;}.r

P粉391677921 2023-09-03 17:14:49 0  1  633

Mouseover eines bestimmten Menüpunkts zeigt kein ausgeblendetes Untermenü an

Ich habe einige Klassen für die Menüpunkte erstellt, damit ich sie aufrufen kann. .dropdownBox{display:none;}.dropdownli:hover>ul.dropdownBox{display:block;} Der „funktionierende“ Bildlaufstatus mit der .dropdown-Klasse zeigt jetzt jedoch Untermenüelemente mit der .dropdownBox-Klasse <navclass...

P粉138871485 2024-04-04 14:39:08 0  1  553

Verschachtelte HTML-Zähler und -Bereiche führen dazu, dass die geordneten Listen 1.1 und 1.2 nicht ordnungsgemäß funktionieren

Ich verwende verschachtelte Zähler und Bereiche, um eine geordnete Liste zu erstellen: ol{counter-reset:item;padding-left:10px;}li{display:block}li:before{content:counters(item,".")" "; counter-increment:item}&lt;ol&gt;&lt;li&gt;one&

P粉704066087 2023-08-21 22:36:53 0  2  509

Warum erscheint ein weißer leerer Bereich, wenn wir zwei Divs mit den Attributen display inline-block und box-sizing: border-box zusammenfügen, wenn die Ränder unterschiedlich sind?

Bitte beachten Sie diesen Code. Warum sind d3 und d4 nicht ausgerichtet? Wie groß ist der Leerraum oben auf d4? .myContainer{display:block;}#d3{width:150px;height:150px;border:5pxsolid#aef704;padding:25px;background-color:blueviolet;box-sizing:border-box;display:inline-block;} #d4

P粉373596828 2023-09-13 13:45:36 0  1  648

So implementieren Sie mehrere CSS-Übergangseffekte

Dies ist eine ziemlich einfache Frage, aber ich kann keine gute Dokumentation zu CSS-Übergangseigenschaften finden. Hier ist das CSS-Snippet: .nava{text-transform:uppercase;text-decoration:none;color:#d3d3d3;line-height:1.5em;font-size:.8em;display:block;text-align:center; text -shadow:0-1.5em0rgba(...

P粉258788831 2023-08-22 11:00:36 0  2  511

So gestalten Sie ein Kontrollkästchen mit CSS

Ich versuche, ein Kontrollkästchen zu formatieren mit: &lt;inputtype="checkbox" style="border:2pxdotted#00f;display:block;background:#ff0000;"/&gt;, aber der Stil wird nicht angewendet. Das Kontrollkästchen zeigt weiterhin seinen Standardstil an. Wie kann man ihm einen be...

P粉252116587 2023-08-23 12:39:36 0  2  667

CSS-Tipps: So gestalten Sie Kontrollkästchen mit CSS

Ich versuche, ein Kontrollkästchen mit folgendem Stil zu formatieren: <inputtype="checkbox" style="border:2pxdotted#00f;display:block;background:#ff0000;"/>, aber der Stil wird nicht angewendet. Das Kontrollkästchen zeigt weiterhin seinen Standardstil an. Wie kann man ihm e...

P粉986937457 2023-10-08 16:37:48 0  2  825

Der Wechsel von „Ausgeblendet anzeigen' zu „Block anzeigen, wenn der Fokus nicht funktioniert' funktioniert

Ich versuche, mein „Suchleisten-Dropdown“ anzuzeigen, wenn auf „Suchleisteneingabe“ geklickt wird, aber das funktioniert nicht. Weiß jemand, was los ist? Danke! Im Bild können Sie sehen, dass sich die Hintergrundfarbe ändert, wenn die Eingabe den Fokus erhält, das Dropdown-Menü jedoch nicht angezeig...

P粉301523298 2024-04-04 14:24:47 0  1  575

Warum funktioniert dieser CSS-Rand-Top-Stil nicht?

Ich versuche, einem Div innerhalb eines anderen Div einen Randwert hinzuzufügen. Bis auf den höchsten Wert, der scheinbar ignoriert wird, funktioniert alles einwandfrei. Aber warum? Was ich erwartet habe: Was ich bekommen habe: Code: #outer{width:500px;height:200px;background:#FFCCCC;margin:50pxauto...

P粉512729862 2023-08-23 23:07:58 0  2  495

Wie zentriere ich Text (horizontal und vertikal) innerhalb eines Div-Blocks?

Ich habe einen „div“ auf „display:block(90pxheightandwidth)“ eingestellt und darin befindet sich etwas Text. Der Text muss vertikal zentriert und horizontal ausgerichtet sein. Ich habe text-align:center ausprobiert, aber es macht nicht den vertikalen Zentrierungsteil, also habe ich es mit Vertical-a...

P粉969253139 2023-08-24 16:58:26 0  2  622

Die *zwei* Höhenwerte der Leinwand abrufen?

Ich versuche, zwei Höhenwerte dieser Leinwand zu ermitteln. <canvaswidth="886"height="792"style="display:block;opacity:0.5;width:834px;height:746px;"></canvas> Ich weiß, dass ich über „canvas.style.height“ auf den Stil zugreifen kann ; einer von ihnen, aber ...

P粉604848588 2024-04-05 09:32:33 0  1  1553

Ändern Sie das CSS des Kontrollkästchens basierend auf der Element-ID mithilfe von JavaScript

Das CSS, das ich ändern muss. Ich suche nach einer Möglichkeit, .g>input+span auszudrücken und Stilattributeinstellungen nur auf Kontrollkästchenelemente anzuwenden, deren ID mit „S“ beginnt. .g>Input+span::before{font-weight:400;content:'G';color:#000;display:block;text-align:center;position:...

P粉832212776 2024-02-03 19:38:30 0  2  423

Polsterung und Innenränder

Im Grunde habe ich zwei Kisten, eine in der anderen. Für das äußere Feld habe ich den Abstand des gesamten inneren Texts auf 10 Pixel eingestellt, aber die Ränder des inneren Felds scheinen dieser Regel nicht zu gehorchen. .plan{display:block;margin:20px20%;width:auto;border:2pxsolid;border-radius:5...

P粉448130258 2023-08-17 12:46:37 0  1  552