Javascript – CSS3-Flex-Zentrierungsproblem

Ich kann das Element zentrieren, indem ich justify-content:center festlege, aber warum kann das Element nach dem Hinzufügen von position: Fixed; nicht zentriert werden? Wird das Flex-Layout nach der Verwendung von „Fixed“ nicht wirksam? {Code...}

阿神 2017-06-12 09:20:46 0  1  540

Richten Sie den Inhalt der Rasterzelle zentriert aus

Ich möchte den Inhalt innerhalb eines Rasterelements zentriert ausrichten, horizontal zentriert, aber nicht vertikal. Ansicht auf JSfiddle: http://jsfiddle.net/6zs8ydhf/.container{display:grid;grid-template-columns:200pxauto;grid-template-rows:400px200px;}.item{border:1pxsolid#111;} {Anzeige:f

P粉060528326 2023-09-15 10:34:15 0  1  639

Warum ist das Div nicht zentriert?

Ich versuche, dieses Element auf dem Bildschirm zu zentrieren, auch wenn ich den Mauszeiger bewege. Im Beispiel unten ist das Div nicht zentriert, selbst wenn ich den Mauszeiger darüber bewege. Da ich weiß, dass ich eine 50 %-Transformation und auch die Oben-/Links-Transformation habe, verwende ich ...

P粉805922437 2024-02-04 08:28:03 0  2  382

Richten Sie den Text zentriert aus, ohne ihn umzubrechen

Ich habe versucht, meinen Titel zu zentrieren, also habe ich „white-space:nowrap;“ verwendet, damit er nicht gestapelt wird und in einer Zeile erscheint, aber jetzt wird er nicht zentriert. Es gibt also den CSS-Code für den Titel und er sieht großartig aus. Das einzige Problem ist, dass er nicht zen...

P粉141455512 2024-03-19 18:16:10 0  1  434

echarts Balkendiagramm zentriert.

1. Ich habe ein Balkendiagramm geschrieben, aber die mittlere Spalte kann nicht zentriert werden. Die Details werden auf der Website http://echarts.baidu.com/demo... angezeigt. 2. Ich habe sowohl barGap als auch barCategoryGap ausprobiert, aber die Schreibweise ist möglicherweise falsch. Hoffe, es g...

ringa_lee 2017-06-26 10:55:49 0  1  1364

css – So zentrieren Sie einzeiligen und mehrzeiligen Text

Wie im Bild gezeigt, ist der Text vertikal zentriert, wenn nur eine Textzeile vorhanden ist. Wenn zwei Textzeilen vorhanden sind, wird der Text ebenfalls vertikal zentriert. PS: Es ist nicht nötig, Flex zu verwenden.

过去多啦不再A梦 2017-05-16 13:26:34 0  8  1764

CSS – Abstand zwischen Eingaben und Textzentrierung oben und unten

Nutzungsumgebung: debian8 + firefox-45.8 Bitte sehen Sie: {code...} Hier gibt es zwei Fragen: 1. Der Text in Submit kann nicht nach oben und unten zentriert werden. Der Text „Suchen“ kann nicht nach oben und unten zentriert werden. Es gibt ein Problem mit dem Abstand zwischen zwei Eingaben ...

漂亮男人 2017-06-20 10:06:57 0  1  1560

css – Zentrierungsproblem oben und unten im Android-Browser

Beim Schreiben eines BTN schlägt die Zentrierung oben und unten im WeChat-Android-Browser fehl. Die Einstellungen für padding-top und padding-bottom sind offensichtlich gleich, aber der Text ist auch nach oben gerichtet, wenn die Zeilenhöhe verwendet wird und unten in dieser Situation?

PHPz 2017-05-24 11:36:45 0  1  1424

javascript – So zentrieren Sie Elemente von iframe-eingebetteten Seiten.

Es gibt ein Element auf einer Unterseite im Iframe, das ich beim Scrollen mit der Maus zentriert halten möchte, aber die Verwendung der vorherigen Methode scheint nicht zu funktionieren. Darf ich fragen, warum? } id Da es sich bei der Box um ein Element handelt, das zentriert werden muss, wird auch ...

过去多啦不再A梦 2017-05-18 10:48:58 0  2  1011

Wie zentriere ich Inhalte in der Bootstrap-Spalte?

Ich versuche, den Inhalt einer Spalte zu zentrieren. Sieht nicht so aus, als würde es bei mir funktionieren. This is my html: <div class = "row"> <divClass = "Col-XS-BLOCK"> <span> AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA...

P粉970736384 2024-01-16 11:15:03 0  2  525

Titel umgeschrieben als: Flexbox verwenden, um eine horizontale und vertikale Zentrierung von Elementen zu erreichen

So zentrieren Sie ein Div mithilfe von Flexbox horizontal und vertikal in einem Container. Im folgenden Beispiel möchte ich, dass jede Zahl unten zentriert ist (Zeile für Zeile). .flex-container{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center;}row{width:100%...

P粉748218846 2023-08-20 13:00:18 0  2  449