Web-FrontendCSS-TutorialSo erreichen Sie eine vertikale und horizontale Zentrierung in CSS, wenn die Größe des Elements nicht bekannt ist (Code)
Der Inhalt dieses Artikels befasst sich mit der vertikalen und horizontalen Zentrierung (Code) von Elementen unbekannter Größe. Ich hoffe, dass er für Sie hilfreich ist .
Idee: Positionieren Sie das untergeordnete Element absolut, 50 % von oben, 50 % von links, und verwenden Sie dann css3 transform:translate(-50%; -50%)
Vorteile: High-End , kann im Webkit-Kernel verwendet werden. Nachteile der Verwendung von
in Browsern: Das Transformationsattribut wird unter IE9 nicht unterstützt.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>未知宽高元素水平垂直居中</title>
</head>
<style>
.parent3{
position: relative;
height:300px;
width: 300px;
background: #FD0C70;
}
.parent3 .child{
position: absolute;
top: 50%;
left: 50%;
color: #fff;
transform: translate(-50%, -50%);
}
</style>
<body>
<p class="parent3">
<p class="child">hello world-3</p>
</p>
</body>
</html>Verwandte Empfehlungen:
Codebeispiele für CSS-Selektoren und Codebeispiele für CSS-Priorität
Das obige ist der detaillierte Inhalt vonSo erreichen Sie eine vertikale und horizontale Zentrierung in CSS, wenn die Größe des Elements nicht bekannt ist (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Variable Schriftarten Link -Dump!Apr 16, 2025 am 10:22 AMEs gab eine Menge großartiger Dinge, die in letzter Zeit um variable Schriftarten herumfliegen (unser Tag hat auch viele Sachen). Ich dachte, ich rundete alle neuen Sachen zusammen, die ich versammelt habe
Link unterstreicht, die in Blockhintergründe animierenApr 16, 2025 am 10:14 AMEs ist ein cooler kleiner Effekt. Der Standard -Linkstil hat eine Unterstreich
Vorladungsseiten kurz bevor sie benötigt werdenApr 16, 2025 am 09:53 AMDie typische Reise für eine Person, die auf einer Website stöbert: Anzeigen einer Seite, klicken Sie auf einen Link, Browser lädt neue Seite. Das nimmt kein lustiges Geschäft wie eine einzelne Seite an
Adaptives Foto -Layout mit FlexboxApr 16, 2025 am 09:51 AMSchauen wir uns einen superleichten Weg an, um einen horizontalen Mauerwerkseffekt für eine Reihe willkürlich großer Fotos zu erstellen. Werfen Sie alle Fotos darauf und
Die vielen Möglichkeiten, Formen und Bilder mit HTML und CSS zu verknüpfenApr 16, 2025 am 09:45 AMVerschiedene Website -Designs erfordern häufig eine andere Form als ein Quadrat oder ein Rechteck, um auf ein Klickereignis zu reagieren. Vielleicht hat Ihre Website eine Art geneigter oder
Webentwickler -SuchgeschichteApr 16, 2025 am 09:41 AMSophie Koonin blogge "alles, was ich in einer Woche als professioneller Software -Ingenieur gegoogelt habe, was ein faszinierender Blick auf den Geist eines Webentwicklers war und war
Ein Ausschnitt, um alle SVGs in einem Sprite zu sehenApr 16, 2025 am 09:31 AMIch denke an einen SVG -Sprite wie folgt:
Was passiert, wenn Sie zum ersten Mal eine neue Installation von Browsern öffnen?Apr 16, 2025 am 09:29 AMInteressante Forschungen von Jonathan Sampson, wo er beobachtet, wie das Netzwerk einen Browser anfordert
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Dreamweaver Mac
Visuelle Webentwicklungstools
PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool
SublimeText3 Englische Version
Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!
DVWA
Damn Vulnerable Web App (DVWA) ist eine PHP/MySQL-Webanwendung, die sehr anfällig ist. Seine Hauptziele bestehen darin, Sicherheitsexperten dabei zu helfen, ihre Fähigkeiten und Tools in einem rechtlichen Umfeld zu testen, Webentwicklern dabei zu helfen, den Prozess der Sicherung von Webanwendungen besser zu verstehen, und Lehrern/Schülern dabei zu helfen, in einer Unterrichtsumgebung Webanwendungen zu lehren/lernen Sicherheit. Das Ziel von DVWA besteht darin, einige der häufigsten Web-Schwachstellen über eine einfache und unkomplizierte Benutzeroberfläche mit unterschiedlichen Schwierigkeitsgraden zu üben. Bitte beachten Sie, dass diese Software
mPDF
mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),
