Beberapa waktu yang lalu, saya menjawab pertanyaan ini di Stack Overflow:
/programming/5078239/how-to-remove-the-space-between-inline-block-elements
Masalahnya adalah bahwa elemen dengan display: inline-blockmemiliki "celah ekstra", karena dipengaruhi oleh spasi putih di HTML, lihat: http://jsfiddle.net/thirtydot/4z4v2/
Seperti yang ditunjukkan, celah dapat dihapus dengan menghapus spasi putih di HTML. Namun, menghapus spasi itu terkadang merupakan perbaikan yang tidak diinginkan: misalnya, itu membuat HTML lebih sulit untuk dikerjakan.
Jadi, saya menyarankan solusi ini: http://jsfiddle.net/thirtydot/4z4v2/1/
ul {
font-size: 0;
letter-spacing: -1px;
}
li {
font-size: medium;
letter-spacing: normal;
}( letter-spacingdiperlukan untuk menghapus sepenuhnya celah di Safari)
Dan itu tadi ..
..sampai komentar muncul ketika teknik ini disarankan dalam jawaban lain :
Hati-hati dengan kode ini karena mungkin ditafsirkan oleh perayap web sebagai penyalahgunaan karena Anda secara eksplisit menyembunyikan teks di dalam elemen yang berisi tautan. Memang benar bahwa tautan itu sendiri terlihat berkat aturan spesifisitas yang lebih tinggi tetapi perayap web masih melihat banyak tautan di dalam wadah yang memberitahu semua leluhurnya untuk menyembunyikan konten teks mereka.
Saya telah menggunakan teknik ini hanya pada satu situs (... Saya biasanya hanya menghapus spasi putih), dan situs tersebut memiliki peringkat yang benar di Google (tanpa tautan, maaf). Jika itu penting, situs ini memiliki halaman yang ditargetkan secara khusus dalam format "Frase + Lokasi": sebagai contoh fiktif "Zombie Chopper Ravenholm".
Saya hanya benar-benar peduli tentang Google, tetapi jawaban mengenai mesin pencari lainnya juga diterima.
Jadi, pertanyaan saya adalah:
Apakah keberadaan font-size: 0risiko SEO semata , meskipun tidak ada teks yang benar-benar disembunyikan?