inline-block元素默认间距清除
这次给大家带来inline-block元素默认间距清除，inline-block元素默认间距清除的注意事项有哪些，下面就是实战案例，一起来看一下。
话不多说，直接来看示例代码
<!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>实现的效果图如下
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Atas ialah kandungan terperinci inline-block元素默认间距清除. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1378
52
Bagaimana untuk mengosongkan latar belakang desktop sejarah imej terkini dalam Windows 11
Apr 14, 2023 pm 01:37 PM
<p>Windows 11 menambah baik pemperibadian dalam sistem, membenarkan pengguna melihat sejarah terkini perubahan latar belakang desktop yang dibuat sebelum ini. Apabila anda memasuki bahagian pemperibadian dalam aplikasi Tetapan Sistem Windows, anda boleh melihat pelbagai pilihan, menukar kertas dinding latar belakang adalah salah satu daripadanya. Tetapi kini anda boleh melihat sejarah terkini kertas dinding latar belakang yang ditetapkan pada sistem anda. Jika anda tidak suka melihat ini dan ingin mengosongkan atau memadamkan sejarah terbaharu ini, teruskan membaca artikel ini, yang akan membantu anda mengetahui lebih lanjut tentang cara melakukannya menggunakan Editor Pendaftaran. </p><h2>Cara menggunakan penyuntingan pendaftaran
Cara mengosongkan sejarah perlindungan dalam kaedah Windows 11: 2
Apr 23, 2023 am 08:04 AM
Apabila PC anda kehabisan ruang storan, anda boleh melihat banyak folder dengan serta-merta untuk mengosongkan ruang. Satu yang menggunakan banyak ialah sejarah perlindungan Windows Defender, tetapi bolehkah anda mengosongkannya dalam Windows 11? Walaupun tidak diperlukan sepenuhnya, memadamkan sejarah perlindungan sebenarnya boleh membantu mengosongkan beberapa ruang storan pada sistem anda. Bagi sesetengah pengguna, fail ini menggunakan 20-25GB ruang, yang boleh menakutkan jika komputer anda kekurangan ruang storan. Jadi, mari kita ketahui apakah sejarah perlindungan, semua cara untuk mengosongkannya dalam Windows 11, dan cara mengkonfigurasinya untuk mengosongkannya secara automatik selepas masa yang ditetapkan. Apakah pemuliharaan sejarah? M
Bagaimana untuk membuang sepenuhnya virus daripada telefon bimbit Kaedah yang disyorkan untuk menangani virus dalam telefon bimbit
Feb 29, 2024 am 10:52 AM
Selepas telefon bimbit dijangkiti virus Trojan tertentu, ia tidak dapat dikesan dan dibunuh oleh perisian anti-virus Prinsip ini sama seperti komputer yang dijangkiti virus yang degil Virus hanya boleh dikeluarkan sepenuhnya dengan memformat pemacu C memasang semula sistem , kemudian saya akan menerangkan cara membersihkan virus sepenuhnya selepas telefon bimbit dijangkiti virus yang degil. Kaedah 1: Buka telefon dan klik "Tetapan" - "Tetapan Lain" - "Pulihkan Telefon" untuk memulihkan telefon kepada tetapan kilang Nota: Sebelum memulihkan tetapan kilang, anda mesti membuat sandaran data penting dalam telefon bersamaan dengan komputer "Ia sama seperti memformat dan memasang semula sistem." Selepas pemulihan, data dalam telefon akan dikosongkan butang" + "kelantangan + butang atau kelantangan - butang" pada telefon pada masa yang sama.
Bagaimana untuk mengosongkan ruang dokumen awan WPS
Feb 24, 2024 pm 06:12 PM
Cara mengosongkan ruang dokumen awan WPS apabila ia penuh Dengan perkembangan pesat teknologi awan, semakin ramai orang mula menggunakan storan awan untuk menyimpan dan mengurus fail mereka. Antaranya, WPS Cloud Document, sebagai perisian pejabat pintar, sangat popular di kalangan pengguna. Walau bagaimanapun, apabila masa penggunaan meningkat dan fail terkumpul, ruang storan dokumen awan WPS mungkin terisi. Jadi, apabila ruang dokumen awan WPS penuh, bagaimanakah kita harus mengosongkannya? Seterusnya, kami akan memperkenalkan beberapa kaedah pembersihan biasa kepada anda. Kaedah pertama ialah memadam sepenuhnya fail yang tidak diingini. W
Kosongkan cache LRU dalam Python
Sep 10, 2023 pm 12:57 PM
Dalam artikel ini, kita akan belajar cara mengosongkan LRUcache yang dilaksanakan dalam prestasi Python. LRUCache menyimpan bilangan item yang terhad dan
Bagaimana untuk mengalih keluar sepenuhnya perkataan yang anda mahu cari di Douyin? Bolehkah ia dimatikan?
Mar 19, 2024 pm 12:40 PM
Dalam era maklumat hari ini, media sosial telah diintegrasikan ke dalam kehidupan seharian manusia dan telah menjadi bahagian yang sangat diperlukan. Sebagai salah satu aplikasi video pendek yang paling popular, Douyin menarik ratusan juta pengguna untuk menonton dan berkongsi pelbagai kandungan video menarik di platformnya setiap hari. Walau bagaimanapun, fungsi "teka apa yang anda mahu cari" Douyin telah menyebabkan masalah kepada sesetengah pengguna. Ciri ini menggunakan analisis data peribadi dan algoritma untuk mengesyorkan kandungan, kadangkala memaparkan video yang berkaitan dengan minat pengguna tetapi bukan perkara yang mereka mahu lihat, menyebabkan pengguna berasa tidak selesa atau keliru. Sesetengah pengguna bimbang bahawa pengesyoran diperibadikan sedemikian mungkin menceroboh privasi mereka atau mengelirukan pengalaman tontonan mereka. Walaupun fungsi "teka apa yang anda mahu cari" direka bentuk untuk menyediakan fungsi yang lebih diperibadikan, bagaimanakah anda mengalih keluar sepenuhnya perkataan yang ingin anda cari di Douyin? Anda boleh cuba mengosongkan TikTok
Bagaimana untuk mengosongkan konsol dalam bahasa C?
Sep 23, 2023 pm 09:57 PM
Terdapat beberapa cara untuk mengosongkan konsol atau skrin output, salah satunya ialah fungsi clrscr(). Ia mengosongkan skrin apabila fungsi dipanggil. Ia diisytiharkan dalam fail pengepala "conio.h". Terdapat beberapa kaedah lain seperti system("cls") dan system("clear"), yang diisytiharkan dalam fail pengepala "stdlib.h". Berikut ialah sintaks untuk mengosongkan konsol dalam bahasa C: clrscr();ORsystem("cls");ORsystem("clear");Yang berikut ialah penggunaan
Cara Menggunakan Mod Penyemakan Imbas Peribadi Safari
Nov 29, 2023 pm 11:33 PM
Mod ini menghalang sejarah penyemakan imbas anda daripada direkodkan pada peranti Apple anda. Ini ialah ciri yang berguna jika anda membeli hadiah untuk rakan atau ahli keluarga dalam talian, contohnya, dan anda tidak mahu sesiapa yang mempunyai akses kepada peranti anda mengetahui perkara yang anda lakukan. Sudah tentu, jika anda telah menyemak imbas tempat yang anda tidak sepatutnya dan belum menggunakan mod privasi khusus Safari, jangan risau - kami juga akan menunjukkan kepada anda dua cara berbeza untuk memadamkan sejarah penyemakan imbas sedia ada anda. Baca terus untuk mengetahui caranya. Mendayakan penyemakan imbas peribadi menggunakan Mod Penyemakan Imbas Peribadi Safari mengehadkan Safari dalam tiga cara penting: Ia menghalang penyemak imbas daripada mencipta sejarah halaman yang anda lawati dan ia menyekat maklumat autoisi seperti tapak web
