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  639

Was bedeuten Leerzeichen in CSS-Selektoren und der Unterschied zwischen .classA.classB und .classA .classB?

Was ist der Unterschied zwischen diesen beiden Selektoren? .classA.classB{border:1pxsolid;}.classA.classB{border:1pxsolid;}

P粉401901266 2023-08-24 14:03:57 0  1  819

Erstellen Sie einen Verlaufsrand mit einem Randradius

我有以下的CSS:a.btn.white-grad{background:$lgrey;color:#313149!important;border:1pxsolid#000;border-image-source:linear-gradient(toright,#9c20aa,#fb3570) ;border-image-slice:20;float:left;@includefont-size(

P粉930448030 2023-08-13 16:23:14 0  2  509

Fehler beim Hinzufügen der Datenbank

< style="font-size: 18.368px; border-bottom: 2px solid rgb(255, 0, 0); margin: 0px 0px 0.2em; border-top-color: rgb(255, 0, 0); border- rechte Farbe: rgb(255, 0, 0); Randfarbe links: rgb(255,

P粉575645754 2022-06-08 14:05:35 0  1  1363

javascript – So erzielen Sie den Effekt, dass beim Bewegen der Maus ein roter Rand angezeigt wird

Wer hat diesen Effekt gemacht? Das habe ich geschrieben: Verwenden Sie border-right:1px solid #eee;border-bottom:1px solid #eee; wie man die linke Seite erstellt ul li:hover{border-color:#ed9639 ;} Wenn die Maus schwebt, gibt es auch einen roten Pixelrahmen

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1322

Problem mit der Schriftgröße zwischen übergeordnetem und untergeordnetem Element-CSS

.logo{width:25%;display:flex;justify-content:center;align-items:center;font-size:1.3rem;border:2pxsolidgold;}.logoh1{margin-left:1vw;/*font-size :1.3rem;*/border:2pxsolidred;}&lt;sectionid="l&

P粉198670603 2023-09-08 16:30:50 0  2  607

Flexbox-Design: Ich möchte, dass sich alle Seiten der Textblase berühren

.fm-bubbles{display:flex;flex-wrap:wrap;width:100%;height:100px;}.fm-bubble{flex:1110%;height:max-content;border:1pxsolidroyalblue;border-radius:5px ;}<divclass="fm-content"><divclas

P粉002546490 2024-04-01 10:59:44 0  1  468

Verstehen Sie die Rolle von Benutzeragenten-Stylesheets

Ich arbeite an einer Webseite in Google Chrome. Die folgenden Stile werden korrekt angezeigt. table{display:table;border-collapse:separate;border-spacing:2px;border-color:gray;} Beachten Sie, dass ich diese Stile nicht definiert habe. In den Chrome Developer Tools werden CSS-Dateinamen durch User-Ag...

P粉277464743 2023-08-27 13:14:56 0  2  638

Schwierigkeiten bei der Positionierung von Divs

Ich möchte ein Div relativ zu anderen Elementen auf der Seite positionieren. Dies ist das anfängliche CSS: #puzzle{display:inline-block;vertical-align:top;(position:static;)}#success{display:none;position:absolute;top:235px;left:130px;border:3pxsolidblue ; border-radius:25px;colo

P粉752290033 2024-04-04 12:14:58 0  1  544

Der Randradius funktioniert nicht für img innerhalb des Ankerpunkts

Ich verwende den folgenden HTML-Code: <aclass="-video-detail-qualifiers-branding"><imgsrc=""/></a> SCSS-Code: .-video-detail-qualifiers-branding{border:2pxsolid #D7C378 ;border-radius:4px;img{h

P粉903969231 2024-04-06 17:20:25 0  1  624

Richten Sie das Inline-Block-DIV-Element oben am Containerelement aus

Wenn zwei Inline-Block-Divs unterschiedliche Höhen haben, warum wird das kürzere nicht an der Oberseite des Containers ausgerichtet? (DEMO): .container{border:1pxblacksolid;width:320px;height:120px;}.small{display:inline-block;width:40%;height:30%;border:1pxblacksolid;background:alicebl

P粉682987577 2023-08-21 20:17:02 0  2  438

Richten Sie den Inline-Block-DIV oben auf dem Containerelement aus

Wenn zwei Inline-Block-Divs unterschiedliche Höhen haben, warum wird das kürzere nicht an der Oberseite des Containers ausgerichtet? (DEMO): .container{border:1pxblacksolid;width:320px;height:120px;}.small{display:inline-block;width:40%;height:30%;border:1pxblacksolid;background:aliceblue

P粉982881583 2023-08-21 20:38:56 0  2  567

Slice() lässt den Endindex weg und wählt standardmäßig das letzte Element aus

$("li").slice(1).css("border","1px solid red"); //Das funktioniert $("li").slice(1,).css("border","1px durchgehend rot");//Dies meldet einen Fehler und hat keine Auswirkung

半圈不直会旋转的爱～ 2018-06-07 10:51:50 0  2  1675

Nicht erfasster Referenzfehler: e ist in HTMLInputElement.onclick nicht definiert

Ich erhalte diese Fehlermeldung, wenn e ein MouseEvent ist. Der HTML-Code für das betreffende Kontrollkästchen-Klickereignis sieht folgendermaßen aus: <ItemTemplate><trstyle="border-top:1pxsolid#adadad;border-bottom:1pxsolid#adadad;"><td><asp:HiddenFieldrunat=" se...

P粉012875927 2023-09-12 14:10:18 0  1  655

Warum kann deine Körpergröße in die Tabelle eingetragen werden? Ich verwende auch phpstorm.

<table width="500" border="5" >Dies ist der einzige Weg

你笑起来很美 2019-01-13 00:00:12 0  0  1002

Wenn die Maus nach oben zeigt, wird die Seite langsam nach unten gezogen.

.nav-item:hover .mi_phone{    display: block;}/*下拉*/.mi_phone{    margin-top: 40px;    border-top: 1px solid #aaa; 

叄贰壹 2020-02-05 23:23:56 0  0  1335

HTML-Techniken zur unteren Positionierung, die untergeordnete Elemente unberührt lassen

Ich habe einen Text mit einem Tooltip. Ich kann die Eigenschaften des Felds selbst nicht ändern, möchte aber, dass der Tooltip über dem Text platziert wird. Das ist mein aktueller Code: .tt-container.tooltiptext{display:none;background-color:white;border-style:solid;position:absolute;border-color:#1...

P粉691958181 2024-02-04 09:44:51 0  1  412

javascript – So platzieren Sie Text in der Mitte von border-top

Wie im Bild gezeigt, die Umsetzung bzw. Idee, wie man den Text in der Mitte des oberen Randes platziert.

某草草 2017-05-19 10:44:10 0  3  616

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  548

Sind Randverläufe mit dem Randradius kompatibel?

Ich gestalte ein Eingabefeld mit einem abgerundeten Rand (Randradius) und versuche, dem Rand einen Verlaufseffekt hinzuzufügen. Ich kann erfolgreich Farbverläufe und abgerundete Ränder erstellen, aber nicht beides gleichzeitig. Entweder gibt es abgerundete Ecken, aber keinen Farbverlauf, oder es gib...

P粉824889650 2023-08-21 20:39:38 0  2  551