Heim Web-Frontend CSS-Tutorial Der Standardabstand von Inline-Block-Elementen wurde gelöscht

Der Standardabstand von Inline-Block-Elementen wurde gelöscht

Mar 22, 2018 pm 05:40 PM
inline-block 清除 Abstand

Dieses Mal werde ich Ihnen den Standardabstand von Inline-Block-Elementen vorstellen. Was sind die Vorsichtsmaßnahmen zum Löschen des Standardabstands von Inline-Block-Elementen? .

Schauen wir uns ohne weitere Umschweife direkt den Beispielcode an

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .content{
            letter-spacing: -0.5em;
        }
        .content .box{
            letter-spacing: normal;
        }
        .content2{
            font-size: 0;
        }
        .content2 .box{
            font-size: initial;
        }
        .box{
            width: 200px;
            height: 100px;
            background-color: #EEEEEE;
            display: inline-block;
            vertical-align: top;
        }
    </style>
</head>
<body>
    <h4>默认状态</h4>
    <p>
        <p class="box">盒子1</p>
        <p class="box">盒子2</p>
        <p class="box">盒子3</p>
        <p class="box">盒子4</p>
        <p class="box">盒子5</p>
    </p>
    <h4>方法一         letter-spacing: -0.5em</h4>
    <p class="content">
        <p class="box">盒子1</p>
        <p class="box">盒子2</p>
        <p class="box">盒子3</p>
        <p class="box">盒子4</p>
        <p class="box">盒子5</p>
    </p>
    <h4>方法二        font-size: 0</h4>
    <p class="content2">
        <p class="box">盒子1</p>
        <p class="box">盒子2</p>
        <p class="box">盒子3</p>
        <p class="box">盒子4</p>
        <p class="box">盒子5</p>
    </p>
</body>
</html>
Nach dem Login kopieren

Das implementierte Rendering ist wie folgt

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Links fixiert, rechts adaptives Layout

IE mit Opazitäts-Transparenzfilter Kompatible Lösungen

Das obige ist der detaillierte Inhalt vonDer Standardabstand von Inline-Block-Elementen wurde gelöscht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So löschen Sie den Verlauf der letzten Desktop-Hintergrundbilder in Windows 11 So löschen Sie den Verlauf der letzten Desktop-Hintergrundbilder in Windows 11 Apr 14, 2023 pm 01:37 PM

&lt;p&gt;Windows 11 verbessert die Personalisierung im System und ermöglicht es Benutzern, einen aktuellen Verlauf zuvor vorgenommener Desktop-Hintergrundänderungen anzuzeigen. Wenn Sie den Abschnitt „Personalisierung“ in der Anwendung „Windows-Systemeinstellungen“ aufrufen, werden Ihnen verschiedene Optionen angezeigt. Eine davon ist das Ändern des Hintergrundbilds. Aber jetzt ist es möglich, den neuesten Verlauf der auf Ihrem System eingestellten Hintergrundbilder anzuzeigen. Wenn Ihnen dies nicht gefällt und Sie den aktuellen Verlauf löschen oder löschen möchten, lesen Sie diesen Artikel weiter. Dort erfahren Sie mehr darüber, wie Sie dies mit dem Registrierungseditor tun. &lt;/p&gt;&lt;h2&gt;So verwenden Sie die Registrierungsbearbeitung

So löschen Sie den Schutzverlauf in Windows 11: 2 Methoden So löschen Sie den Schutzverlauf in Windows 11: 2 Methoden Apr 23, 2023 am 08:04 AM

Wenn auf Ihrem PC nicht mehr genügend Speicherplatz vorhanden ist, können Sie sofort viele Ordner anzeigen, um Speicherplatz freizugeben. Einer, der viel verbraucht, ist der Schutzverlauf von Windows Defender, aber kann man ihn in Windows 11 löschen? Auch wenn es nicht unbedingt notwendig ist, kann das Löschen des Schutzverlaufs tatsächlich dazu beitragen, Speicherplatz auf Ihrem System freizugeben. Für einige Benutzer beanspruchen diese Dateien 20 bis 25 GB Speicherplatz, was entmutigend sein kann, wenn auf Ihrem Computer nur noch wenig Speicherplatz vorhanden ist. Lassen Sie uns also herausfinden, was der Schutzverlauf ist, welche Möglichkeiten es gibt, ihn in Windows 11 zu löschen, und wie Sie ihn so konfigurieren, dass er nach einer festgelegten Zeit automatisch gelöscht wird. Was ist Denkmalschutz? M

So entfernen Sie Viren vollständig von Mobiltelefonen. Empfohlene Methoden zum Umgang mit Viren in Mobiltelefonen So entfernen Sie Viren vollständig von Mobiltelefonen. Empfohlene Methoden zum Umgang mit Viren in Mobiltelefonen Feb 29, 2024 am 10:52 AM

Nachdem ein Mobiltelefon mit einem bestimmten Trojaner infiziert wurde, kann es von einer Antivirensoftware nicht erkannt und abgetötet werden. Dieses Prinzip ähnelt einem Computer, der mit einem hartnäckigen Virus infiziert ist. Der Virus kann nur durch Formatieren des Laufwerks C vollständig entfernt werden Nach der Neuinstallation des Systems erkläre ich Ihnen, wie Sie den Virus vollständig entfernen, nachdem das Mobiltelefon mit einem hartnäckigen Virus infiziert ist. Methode 1: Öffnen Sie das Telefon und klicken Sie auf „Einstellungen“ – „Andere Einstellungen“ – „Telefon wiederherstellen“, um das Telefon auf die Werkseinstellungen zurückzusetzen. Hinweis: Bevor Sie die Werkseinstellungen wiederherstellen, müssen Sie die wichtigen Daten im Telefon sichern zu denen des Computers. „Es ist dasselbe wie das Formatieren und Neuinstallieren des Systems.“ Methode 2 (1) Schalten Sie zuerst das Telefon aus und halten Sie dann die „Einschalttaste“ gedrückt „ + „Lautstärke +-Taste oder Lautstärke –-Taste“ am Telefon gleichzeitig drücken.

So geben Sie Speicherplatz für WPS-Cloud-Dokumente frei So geben Sie Speicherplatz für WPS-Cloud-Dokumente frei Feb 24, 2024 pm 06:12 PM

So löschen Sie den Speicherplatz für WPS-Cloud-Dokumente, wenn dieser voll ist. Mit der rasanten Entwicklung der Cloud-Technologie beginnen immer mehr Menschen, Cloud-Speicher zum Speichern und Verwalten ihrer Dateien zu nutzen. Unter ihnen erfreut sich WPS Cloud Document als intelligente Bürosoftware großer Beliebtheit bei den Benutzern. Mit zunehmender Nutzungsdauer und zunehmender Dateianhäufung kann es jedoch sein, dass der Speicherplatz von WPS-Cloud-Dokumenten erschöpft ist. Wenn also der WPS-Cloud-Dokumentenspeicher voll ist, wie sollten wir ihn dann leeren? Als nächstes stellen wir Ihnen einige gängige Reinigungsmethoden vor. Die erste Methode besteht darin, unerwünschte Dateien vollständig zu löschen. W

LRU-Cache in Python löschen LRU-Cache in Python löschen Sep 10, 2023 pm 12:57 PM

In diesem Artikel erfahren Sie, wie Sie einen in Python implementierten LRUcache löschen. LRUCache speichert eine begrenzte Anzahl von Elementen und

Wie entferne ich das Wort, nach dem ich auf Douyin suchen möchte, vollständig? Kann es ausgeschaltet werden? Wie entferne ich das Wort, nach dem ich auf Douyin suchen möchte, vollständig? Kann es ausgeschaltet werden? Mar 19, 2024 pm 12:40 PM

Im heutigen Informationszeitalter sind soziale Medien in den Alltag der Menschen integriert und zu einem unverzichtbaren Bestandteil geworden. Als eine der beliebtesten Kurzvideoanwendungen lockt Douyin täglich Hunderte Millionen Nutzer dazu, eine Vielzahl interessanter Videoinhalte auf seiner Plattform anzusehen und zu teilen. Allerdings hat Douyins Funktion „Erraten Sie, was Sie suchen möchten“ bei einigen Benutzern für Probleme gesorgt. Diese Funktion nutzt die Analyse persönlicher Daten und Algorithmen, um Inhalte zu empfehlen. Dabei werden manchmal Videos angezeigt, die für die Interessen der Benutzer relevant sind, aber nicht das, was sie wirklich sehen möchten, was dazu führt, dass sich Benutzer unwohl oder verwirrt fühlen. Einige Benutzer befürchten, dass solche personalisierten Empfehlungen ihre Privatsphäre verletzen oder ihr Seherlebnis irreführen könnten. Obwohl die Funktion „Erraten Sie, was Sie suchen möchten“ darauf ausgelegt ist, eine persönlichere Funktion zu bieten, stellt sich die Frage, wie Sie die Wörter, nach denen Sie suchen möchten, auf Douyin vollständig entfernen können? Sie können versuchen, TikTok zu löschen

Wie lösche ich die Konsole in C-Sprache? Wie lösche ich die Konsole in C-Sprache? Sep 23, 2023 pm 09:57 PM

Es gibt mehrere Möglichkeiten, die Konsole oder den Ausgabebildschirm zu löschen. Eine davon ist die Funktion clrscr(). Es löscht den Bildschirm, wenn die Funktion aufgerufen wird. Es wird in der Header-Datei „conio.h“ deklariert. Es gibt einige andere Methoden wie system("cls") und system("clear"), die in der Header-Datei "stdlib.h" deklariert sind. Das Folgende ist die Syntax zum Löschen der Konsole in der C-Sprache: clrscr();ORsystem("cls");ORsystem("clear");Das Folgende ist eine Verwendung

So verwenden Sie den privaten Browsermodus von Safari So verwenden Sie den privaten Browsermodus von Safari Nov 29, 2023 pm 11:33 PM

Dieser Modus verhindert, dass Ihr Browserverlauf auf Ihrem Apple-Gerät aufgezeichnet wird. Dies ist eine nützliche Funktion, wenn Sie beispielsweise online ein Geschenk für einen Freund oder ein Familienmitglied kaufen und nicht möchten, dass jemand mit Zugriff auf Ihr Gerät weiß, was Sie tun. Machen Sie sich natürlich keine Sorgen, wenn Sie irgendwo gesurft haben, was Sie nicht tun sollten und den speziellen Datenschutzmodus von Safari nicht verwendet haben – wir zeigen Ihnen auch zwei verschiedene Möglichkeiten, Ihren bestehenden Browserverlauf zu löschen. Lesen Sie weiter, um zu erfahren, wie. Das Aktivieren des privaten Surfens mithilfe des privaten Browsermodus von Safari schränkt Safari auf drei wichtige Arten ein: Es verhindert, dass der Browser einen Verlauf der von Ihnen besuchten Seiten erstellt, und es blockiert das automatische Ausfüllen von Informationen wie Websites

See all articles