千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)
千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)
掃一掃進(jìn)入千鋒手機(jī)站
關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程
瀏覽器會(huì)把inline內(nèi)聯(lián)元素間的空白字符（空格、換行、Tab等）渲染成一個(gè)空格。為了美觀，通常是一個(gè)<li>放在一行，這導(dǎo)致<li>換行后產(chǎn)生換行字符，它變成一個(gè)空格，占用了一個(gè)字符的寬度。
解決辦法：
1、為<li>設(shè)置float:left。不足：有些容器是不能設(shè)置浮動(dòng)，如左右切換的焦點(diǎn)圖等。
2、將所有<li>寫(xiě)在同一行。不足：代碼不美觀。
3、將<ul>內(nèi)的字符尺寸直接設(shè)為0，即font-size:0。不足：<ul>中的其他字符尺寸也被設(shè)為0，需要額外重新設(shè)定其他字符尺寸，且在Safari瀏覽器依然會(huì)出現(xiàn)空白間隔。
4、消除<ul>的字符間隔letter-spacing:-8px，不足：這也設(shè)置了<li>內(nèi)的字符間隔，因此需要將<li>內(nèi)的字符間隔設(shè)為默認(rèn)letter-spacing:normal。
下一篇
jQuery中如何操作樣式？
軟件定制開(kāi)發(fā)中的敏捷開(kāi)發(fā)是什么軟件定制開(kāi)發(fā)中的敏捷開(kāi)發(fā)，從宏觀上看，是一個(gè)高度關(guān)注人員交互，持續(xù)開(kāi)發(fā)與交付，接受需求變更并適應(yīng)環(huán)境變化...詳情>>
2023-10-14 13:24:57
PlatformIO是什么PlatformIO是一個(gè)全面的物聯(lián)網(wǎng)開(kāi)發(fā)平臺(tái)，它為眾多硬件平臺(tái)和開(kāi)發(fā)環(huán)境提供了統(tǒng)一的工作流程，有效簡(jiǎn)化了開(kāi)發(fā)過(guò)程，并能兼容各種...詳情>>
2023-10-14 12:55:06
1、定義和目標(biāo)不同云快照的主要目標(biāo)是提供一種快速恢復(fù)數(shù)據(jù)的方法，它只記錄在快照時(shí)間點(diǎn)后的數(shù)據(jù)變化，而不是所有的數(shù)據(jù)。自動(dòng)備份的主要目標(biāo)...詳情>>
2023-10-14 12:48:59
服務(wù)器為什么要用Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選，Linux在眾多選擇中脫穎而出。Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選，有其獨(dú)特的優(yōu)勢(shì)和特點(diǎn)。包括其...詳情>>
2023-10-14 12:34:11
ORM（對(duì)象關(guān)系映射）解決的主要問(wèn)題是將關(guān)系數(shù)據(jù)庫(kù)與面向?qū)ο缶幊讨g的映射困境。在傳統(tǒng)的關(guān)系數(shù)據(jù)庫(kù)中，數(shù)據(jù)以表格的形式存儲(chǔ)，而在面向?qū)ο?..詳情>>
2023-10-14 12:26:19敏捷開(kāi)發(fā)在實(shí)際應(yīng)用中有什么注意點(diǎn)?
沸軟件定制開(kāi)發(fā)中的敏捷開(kāi)發(fā)是什么?
熱三維重建 3D reconstruction有哪些實(shí)用算法?
熱樸素貝葉斯、決策樹(shù)、K 近鄰、SVM、邏輯回歸最大熵模型的應(yīng)用場(chǎng)景是什么?
新精確率、召回率、F1 值、ROC、AUC 各自的優(yōu)缺點(diǎn)是什么?
什么是TestOps測(cè)試運(yùn)維?
有什么免費(fèi)的bug管理系統(tǒng)?
測(cè)試是如何跟進(jìn)和管理bug?
在質(zhì)量管理中什么是缺陷問(wèn)題?
TPM管理如何發(fā)現(xiàn)設(shè)備缺陷?
Copyright 2011-2025
北京千鋒互聯(lián)科技有限公司
京ICP備12003911號(hào)-3
京公網(wǎng)安備 11010802030320號(hào)
千鋒教育 運(yùn)營(yíng)主體：北京千鋒互聯(lián)科技有限公司，屬具備計(jì)算機(jī)技術(shù)培訓(xùn)資質(zhì)的教育培訓(xùn)機(jī)構(gòu)。
