千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構
瀏覽器會把inline內(nèi)聯(lián)元素間的空白字符（空格、換行、Tab等）渲染成一個空格。為了美觀，通常是一個<li>放在一行，這導致<li>換行后產(chǎn)生換行字符，它變成一個空格，占用了一個字符的寬度。
解決辦法：
1、為<li>設置float:left。不足：有些容器是不能設置浮動，如左右切換的焦點圖等。
2、將所有<li>寫在同一行。不足：代碼不美觀。
3、將<ul>內(nèi)的字符尺寸直接設為0，即font-size:0。不足：<ul>中的其他字符尺寸也被設為0，需要額外重新設定其他字符尺寸，且在Safari瀏覽器依然會出現(xiàn)空白間隔。
4、消除<ul>的字符間隔letter-spacing:-8px，不足：這也設置了<li>內(nèi)的字符間隔，因此需要將<li>內(nèi)的字符間隔設為默認letter-spacing:normal。
下一篇
jQuery中如何操作樣式？
軟件定制開發(fā)中的敏捷開發(fā)是什么軟件定制開發(fā)中的敏捷開發(fā)，從宏觀上看，是一個高度關注人員交互，持續(xù)開發(fā)與交付，接受需求變更并適應環(huán)境變化...詳情>>
2023-10-14 13:24:57
PlatformIO是什么PlatformIO是一個全面的物聯(lián)網(wǎng)開發(fā)平臺，它為眾多硬件平臺和開發(fā)環(huán)境提供了統(tǒng)一的工作流程，有效簡化了開發(fā)過程，并能兼容各種...詳情>>
2023-10-14 12:55:06
1、定義和目標不同云快照的主要目標是提供一種快速恢復數(shù)據(jù)的方法，它只記錄在快照時間點后的數(shù)據(jù)變化，而不是所有的數(shù)據(jù)。自動備份的主要目標...詳情>>
2023-10-14 12:48:59
服務器為什么要用Linux作為服務器操作系統(tǒng)的優(yōu)選，Linux在眾多選擇中脫穎而出。Linux作為服務器操作系統(tǒng)的優(yōu)選，有其獨特的優(yōu)勢和特點。包括其...詳情>>
2023-10-14 12:34:11
ORM（對象關系映射）解決的主要問題是將關系數(shù)據(jù)庫與面向?qū)ο缶幊讨g的映射困境。在傳統(tǒng)的關系數(shù)據(jù)庫中，數(shù)據(jù)以表格的形式存儲，而在面向?qū)ο?..詳情>>
2023-10-14 12:26:19
Copyright 2011-2025
北京千鋒互聯(lián)科技有限公司
京ICP備12003911號-3
京公網(wǎng)安備 11010802030320號
千鋒教育 運營主體：北京千鋒互聯(lián)科技有限公司，屬具備計算機技術培訓資質(zhì)的教育培訓機構。
