ซักพักฉันตอบคำถามนี้ใน Stack Overflow:
/programming/5078239/how-to-remove-the-space-between-inline-block-elements
ปัญหาคือองค์ประกอบที่display: inline-blockมี "ช่องว่างพิเศษ" เนื่องจากได้รับผลกระทบจากช่องว่างใน HTML ดู: http://jsfiddle.net/thirtydot/4z4v2/
ตามที่ปรากฏช่องว่างสามารถลบออกได้โดยการลบช่องว่างใน HTML อย่างไรก็ตามการลบช่องว่างออกนั้นบางครั้งเป็นการแก้ไขที่ไม่พึงประสงค์: ตัวอย่างเช่นทำให้ HTML ทำงานได้ยากขึ้น
ดังนั้นฉันแนะนำวิธีแก้ปัญหานี้: http://jsfiddle.net/thirtydot/4z4v2/1/
ul {
font-size: 0;
letter-spacing: -1px;
}
li {
font-size: medium;
letter-spacing: normal;
}( letter-spacingจำเป็นต้องกำจัดช่องว่างทั้งหมดใน Safari)
และนั่นก็คือ ..
.. ถึงความคิดเห็นที่โผล่ขึ้นมาเมื่อมีการแนะนำเทคนิคนี้ในคำตอบอื่น :
โปรดใช้ความระมัดระวังกับรหัสนี้เนื่องจากโปรแกรมรวบรวมข้อมูลเว็บอาจตีความได้ว่าเป็นการละเมิดเนื่องจากคุณซ่อนข้อความไว้อย่างชัดเจนภายในองค์ประกอบที่มีลิงก์ เป็นความจริงที่ว่าลิงก์นั้นสามารถมองเห็นได้ด้วยกฎเฉพาะเจาะจงที่สูงขึ้น แต่ยังโปรแกรมรวบรวมข้อมูลเว็บยังเห็นลิงก์จำนวนมากภายในคอนเทนเนอร์ซึ่งบอกบรรพบุรุษของมันทั้งหมดเพื่อซ่อนเนื้อหาที่เป็นข้อความ
ผมเคยใช้เทคนิคนี้เพียงหนึ่งเว็บไซต์ (..I มักจะเพียงแค่ลบช่องว่าง) และเว็บไซต์ที่ได้รับการจัดอันดับอย่างถูกต้องใน Google (ไม่มีการเชื่อมโยงขออภัย) หากมีความสำคัญไซต์นั้นมีหน้าเว็บที่กำหนดเป้าหมายเป็นพิเศษในรูปแบบของ "วลี + สถานที่ตั้ง": เป็นตัวอย่างที่สมมติว่า "Zombie Chopper Ravenholm"
ฉันสนใจ Google จริงๆแต่คำตอบเกี่ยวกับเครื่องมือค้นหาอื่น ๆ ก็ยินดีเช่นกัน
ดังนั้นคำถามของฉันคือ:
การปรากฏตัวของfont-size: 0ความเสี่ยงต่อการทำ SEO เป็นเพียงอย่างเดียวแม้ว่าจะไม่มีข้อความใดถูกซ่อนอยู่หรือไม่?