整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML代碼中的空格和空行

          子1:(文本內(nèi)容中的連續(xù)空格)

          <p>這段文本中,輸入連續(xù)的空格          大概輸入了十個。</p>

          顯示效果:“格”和“大” 之間的是個空格顯示出來只是一個空格。

          這段文本中,輸入連續(xù)的空格 大概輸入了十個。

          例子2:(代碼之間的連續(xù)空格)

          <span>span是一個行內(nèi)標(biāo)簽</span>               <span>和前面的span元素之間隔了很多個空格</span>

          顯示效果:兩個span元素之間連續(xù)的空格,顯示出來即"簽"與“和”之間的空格,只有一個空格。

          span是一個行內(nèi)標(biāo)簽 和前面的span元素之間隔了很多個空格

          上面兩個例子證明:HTML代碼中連續(xù)的空格在顯示時會顯示為一個空格,其余的多余的空格會被移除或者說被忽略。

          段落文本其實(shí)也是HTML代碼的一部分,只不過它在p標(biāo)簽內(nèi)部,而例子2的空格是在兩個span標(biāo)簽之間。


          理解了空格,現(xiàn)在看看空行,同理

          例子3:(文本內(nèi)容中的空行)

          <p>這段文本中,輸入連續(xù)的空行
          
          
          
          
          
          大概輸入了五行。</p>

          顯示效果:如我們所見,文本代碼中的五行空行,顯示出來也只是一個空格。

          這段文本中,輸入連續(xù)的空行 大概輸入了五行。

          例子4:(元素之間/標(biāo)簽之間的空行),只要把例子2中的空格換成空行就可以了,顯示效果和例子2的一樣,多行空行都只會顯示為一個空格。

          <span>span是一個行內(nèi)標(biāo)簽</span>
          
          
          
          
          
          <span>和前面的span元素之間隔了很多空行</span>


          span是一個行內(nèi)標(biāo)簽 和前面的span元素之間隔了很多空行

          得證:HTML 代碼中的所有連續(xù)的空格或空行(換行)都會被顯示為一個空格。


          既然如此,如果我們希望擴(kuò)大兩個字符之間的間距,讓代碼中的連續(xù)空格或空行顯示出來的結(jié)果也是連續(xù)的空格或空行,那該怎么辦?其實(shí)很簡單。

          方法一:我們可以用預(yù)格式化標(biāo)簽<pre>,無論是空格或空行都適用。

          <pre>
          這是
          預(yù)格式文本。
          它保留了      空格
          和換行。
          </pre>

          顯示效果

          這是
          預(yù)格式文本。
          它保留了      空格
          和換行。


          方法二:我們可以用空格實(shí)體符 代替空格,用換行標(biāo)簽<br/>代替空行。雖然這種方法可以得到我們想要的顯示效果,但是對搜索引擎不是最友好的方式,因?yàn)?和<br/>在HTML中都是沒有語義的。所以建議盡量少用。另外需要注意的是, 必須小寫,而且最后面的分號是不能省略的。


          方法三:(適合空格)使用全角空格

          全角空格被解釋為漢字,所以不會被被解釋為HTML分隔符,可以按照實(shí)際的空格數(shù)顯示。

          問題:怎么使用全角輸入法?

          以搜狗輸入法為例,我們通常使用的是半角輸入,其狀態(tài)欄中有個月亮的標(biāo)志,就說明正在使用的是半角輸入,如果是太陽的標(biāo)志,就說明使用的是全角輸入。全角/半角的切換可以通過點(diǎn)擊標(biāo)志,也可以通過快捷鍵 Shift+Space(空格符)切換。

          半角輸入(月亮)

          全角輸入(太陽)

          方法四:使用CSS樣式中字間隔屬性控制,CSS中的word-spacing 屬性可以改變字(單詞)之間的標(biāo)準(zhǔn)間隔。我們知道英文中兩個單詞之間是通過空格隔開的,所以我們視覺上可以這樣認(rèn)為,word-spacing改變了(拉長或縮短)單詞之間那個空格的寬度。

          方法五:使用CSS樣式中的white-space 屬性,這個屬性聲明如何處理元素內(nèi)的空白符。

          描述

          normal

          默認(rèn)。空白會被瀏覽器忽略。

          pre

          空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標(biāo)簽。

          nowrap

          文本不會換行,文本會在在同一行上繼續(xù),直到遇到 <br> 標(biāo)簽為止。

          pre-wrap

          保留空白符序列,但是正常地進(jìn)行換行。

          pre-line

          合并空白符序列,但是保留換行符。


          white-space:normal;就是正常,和不設(shè)置一樣,連續(xù)空格和空行都只會顯示一個空格。

          white-space:nowrap;不換行是什么意思呢?正常情況下,當(dāng)我們的文本超出了文本域,文本就會自動折行,這個設(shè)置就是說不自動折行了,而是碰到換行標(biāo)簽<br />才換

          white-space:pre;和方法一相同,將文本原樣輸出顯示。當(dāng)文本超出文本域時,不換行,會產(chǎn)生滾動條。

          white-space:pre-wrap;保留空格和空行,但當(dāng)文本超出文本域時,會自動換行。

          white-space:pre-line;連續(xù)的空格會顯示為一個空格,但保留連續(xù)的空行。

          機(jī)關(guān)及其直屬機(jī)構(gòu)2022年度

          考試錄用公務(wù)員云南考區(qū)筆試重要提示

          各位考生:

          中央機(jī)關(guān)及其直屬機(jī)構(gòu)2022年度考試錄用公務(wù)員筆試將于2021年11月27日、28日舉行。為進(jìn)一步提升服務(wù)保障質(zhì)量,確保考生順利參考,現(xiàn)將有關(guān)事項(xiàng)提示如下。

          一、重點(diǎn)事項(xiàng)提示

          (一)按要求打印準(zhǔn)考證。請考生于2021年11月22日00:00—11月28日12:00自行下載打印準(zhǔn)考證,打印準(zhǔn)考證前須仔細(xì)閱讀《中央機(jī)關(guān)及其直屬機(jī)構(gòu)2022年度考試錄用公務(wù)員云南考區(qū)筆試新冠肺炎疫情防控告知暨承諾書》,下載打印準(zhǔn)考證即視為認(rèn)同并簽署《中央機(jī)關(guān)及其直屬機(jī)構(gòu)2022年度考試錄用公務(wù)員云南考區(qū)筆試新冠肺炎疫情防控告知暨承諾書》。準(zhǔn)考證是考生參加筆試的必須憑證,務(wù)必妥善保管,請仔細(xì)閱讀并遵守所載內(nèi)容。

          (二)準(zhǔn)確掌握考點(diǎn)名稱和地址。本次筆試,我省在昆明市、昭通市、曲靖市、玉溪市、楚雄州、紅河州、德宏州芒市和瑞麗市八個城市設(shè)置考點(diǎn),請考生務(wù)必認(rèn)清考點(diǎn)名稱、提早熟悉考點(diǎn)地址和交通路線,避免走錯考點(diǎn)、找錯考場、坐錯座位。考試當(dāng)天,請合理安排出行,以免影響正常參考。

          (三)按要求做好疫情防控。

          1.考生須考前3天提前申領(lǐng)“云南健康碼”和“通信大數(shù)據(jù)行程卡”,并于本人首場考試考前48小時內(nèi)進(jìn)行新冠病毒核酸檢測。做好日體溫測量和健康狀況監(jiān)測,持續(xù)關(guān)注健康碼狀態(tài),有異常情況須及時報(bào)告考點(diǎn)所在州(市)人力資源社會保障部門。

          2.考試當(dāng)天,考生應(yīng)至少提前1小時到達(dá)考點(diǎn)。考生進(jìn)入考點(diǎn)前,應(yīng)當(dāng)主動出示本人“云南健康碼”“通信大數(shù)據(jù)行程卡”信息,出具本人首場考試考前48小時內(nèi)有效核酸檢測陰性證明,按要求主動接受體溫測量。未出具核酸檢測陰性證明的,不得進(jìn)入考點(diǎn)。

          (1)“云南健康碼”為綠碼,“通信大數(shù)據(jù)行程卡”為綠碼且14日內(nèi)未到過存在中高風(fēng)險(xiǎn)地區(qū)的城市(即行程卡綠碼中無*號標(biāo)記),現(xiàn)場測量體溫正常(≤37.3℃),考前48小時內(nèi)核酸檢測結(jié)果為陰性的考生,可進(jìn)入考點(diǎn)參加筆試。體溫異常(>37.3℃)由駐點(diǎn)醫(yī)療專業(yè)防疫人員進(jìn)行初步排查,可排除疑似新冠肺炎的,經(jīng)詢問個人身體狀況,能堅(jiān)持考試者,由工作人員引導(dǎo)至備用考場進(jìn)行筆試。

          (2)“云南健康碼”為黃碼,“通信大數(shù)據(jù)行程卡”顯示到過國內(nèi)中風(fēng)險(xiǎn)地區(qū)的城市的考生,須提供筆試前3天內(nèi)2次(每次間隔不低于24小時)有效的核酸檢測陰性證明,現(xiàn)場測量體溫正常(≤37.3℃)可進(jìn)入普通考場參加考試,未提供證明的不得進(jìn)入考點(diǎn)。體溫異常(>37.3℃)由駐點(diǎn)醫(yī)療專業(yè)防疫人員進(jìn)行初步排查,可排除疑似新冠肺炎的,經(jīng)詢問個人身體狀況,能堅(jiān)持考試者,由工作人員引導(dǎo)至備用考場進(jìn)行筆試。

          (3)近期有過邊境縣(市、區(qū))旅居史的考生,須提供筆試前7天內(nèi)兩次(最近一次檢測應(yīng)在首場考試前48小時內(nèi))有效的核酸檢測陰性證明。

          (4)近一個月內(nèi)有境外旅居史的考生,須提供14天有效的集中醫(yī)學(xué)隔離觀察證明和7天有效居家隔離觀察證明、考試前3天內(nèi)2次(每次間隔不少于24小時)有效的核酸檢測陰性證明,現(xiàn)場測量體溫正常(≤37.3℃)可進(jìn)入普通考場參加考試,未提供證明的不得進(jìn)入考點(diǎn)。體溫異常(>37.3℃)由駐點(diǎn)醫(yī)療專業(yè)防疫人員進(jìn)行初步排查,可排除疑似新冠肺炎的,經(jīng)詢問個人身體狀況,能堅(jiān)持考試者,由工作人員引導(dǎo)至備用考場進(jìn)行筆試。

          (5)“云南健康碼”為紅碼的考生不得進(jìn)入考點(diǎn)。

          (6)身體有其他異常情況的考生,需配合駐點(diǎn)醫(yī)療專業(yè)防疫人員做好健康風(fēng)險(xiǎn)研判。經(jīng)復(fù)測復(fù)查確有發(fā)熱或呼吸道異常癥狀的考生,由駐點(diǎn)醫(yī)療專業(yè)防疫人員進(jìn)行個案預(yù)判,對能排除疑似新冠肺炎且具備繼續(xù)考試條件的,轉(zhuǎn)移至備用考場考試,對不能排除的,一律由負(fù)壓救護(hù)車轉(zhuǎn)運(yùn)至定點(diǎn)醫(yī)院就診排查。

          3.考生自備一次性醫(yī)用口罩,赴考時如乘坐公共交通工具,需要全程佩戴口罩,可佩戴一次性手套,并做好手部衛(wèi)生,同時注意保持安全社交距離。

          4.考試期間,考生要自覺維護(hù)考試秩序,與其他考生保持安全社交距離,服從現(xiàn)場工作人員安排,考試結(jié)束后按規(guī)定有序離場。

          5.考生如因有相關(guān)旅居史、密切接觸史等流行病學(xué)史被集中隔離,筆試當(dāng)天無法到達(dá)考點(diǎn)的,視為主動放棄考試資格。

          6.請考生注意個人防護(hù),考生進(jìn)入考點(diǎn)內(nèi),除核驗(yàn)信息時須配合摘下口罩以外,考試全程應(yīng)佩戴一次性醫(yī)用口罩。

          7.如考試前出現(xiàn)新的疫情變化,將通過云南人力資源和社會保障網(wǎng)“人事考試專欄”(https://hrss.yn.gov.cn/ynrsksw/Index.html)及時發(fā)布補(bǔ)充公告,明確疫情防控要求,請廣大考生密切關(guān)注。

          8.考生凡隱瞞或謊報(bào)旅居史、接觸史、健康狀況等疫情防控重點(diǎn)信息,不配合工作人員進(jìn)行防疫檢測、詢問等的,取消考試資格,如有違法情況,將依法追究法律責(zé)任。

          (四)帶齊證件。考生須帶齊準(zhǔn)考證、本人有效身份證件原件(與報(bào)名時一致)和本人首場考試考前48小時內(nèi)有效新冠病毒核酸檢測陰性證明方可參加考試。考試開始前60分鐘起接受安檢有序進(jìn)入考場,對號入座,坐錯座位根據(jù)相關(guān)規(guī)定按違規(guī)違紀(jì)處理。兩證不全或不一致或未出具有效核酸檢測陰性證明者,不得進(jìn)入考場。考試開始30分鐘后一律禁止入場,考試期間不得交卷、離場;離場后不得再次進(jìn)入考場。

          (五)嚴(yán)禁將禁止物品帶入考場。考生進(jìn)入考場時,除規(guī)定文具、準(zhǔn)考證、身份證外的其他物品須放置在考場門口柜子或桌子上(通訊設(shè)備、電子設(shè)備必須全部切斷電源),嚴(yán)禁將各類手表和各種電子、通信、計(jì)算、存儲或其它有關(guān)設(shè)備及與考試相關(guān)的資料等物品帶入考場。考生在座次表上簽到時,須填寫本人手機(jī)號碼。

          (六)考生有責(zé)任和義務(wù)在監(jiān)考人員拆封試卷前查驗(yàn)密封情況并簽字確認(rèn)。

          (七)試卷和答題卡發(fā)放后,考生應(yīng)立即檢查本人卷卡是否有裝訂印刷錯誤或污損,如有問題立即舉手向監(jiān)考人員報(bào)告,否則后果自負(fù)。《行政職業(yè)能力測驗(yàn)》科目答題卡印制在試卷封底內(nèi)頁,開始答題前,考生請沿裁切線自行小心撕下。考生必須在配套答題卡上作答,卷卡不一將影響考試成績。

          (八)《行政職業(yè)能力測驗(yàn)》科目一律用2B鉛筆在答題卡上填涂作答,《申論》科目一律用黑色字跡的鋼筆、簽字筆作答。考生應(yīng)自備橡皮、2B鉛筆、黑色字跡的鋼筆或簽字筆。為保障考試的公平公正性,考試期間,監(jiān)考人員將對考生攜帶的文具進(jìn)行檢查,請考生予以配合。

          (九)遵守規(guī)則,誠信參考。考生須按準(zhǔn)考證所載內(nèi)容要求參加考試,嚴(yán)格遵守考場規(guī)則,自覺服從考試工作人員管理,接受監(jiān)考人員的監(jiān)督和檢查,誠信參考,避免出現(xiàn)違規(guī)違紀(jì)行為。考生出現(xiàn)違規(guī)違紀(jì)行為,將按《公務(wù)員錄用違規(guī)違紀(jì)行為處理辦法》有關(guān)規(guī)定處理,構(gòu)成犯罪的,依法追究刑事責(zé)任。

          二、法律法規(guī)提示

          (一)《刑法修正案(九)》規(guī)定:“在法律規(guī)定的國家考試中,組織作弊的,處三年以下有期徒刑或者拘役,并處或者單處罰金;情節(jié)嚴(yán)重的,處三年以上七年以下有期徒刑,并處罰金”“為他人實(shí)施前款犯罪提供作弊器材或者其他幫助的,依照前款的規(guī)定處罰”“為實(shí)施考試作弊行為,向他人非法出售或者提供第一款規(guī)定的考試的試題、答案的,依照第一款的規(guī)定處罰”“代替他人或者讓他人代替自己參加第一款規(guī)定的考試的,處拘役或者管制,并處或者單處罰金”。

          (二)《最高人民法院最高人民檢察院關(guān)于辦理組織考試作弊等刑事案件適用法律若干問題的解釋》明確“中央和地方公務(wù)員錄用考試”屬于“法律規(guī)定的國家考試”,考試作弊觸犯刑法,屬于犯罪。

          三、公務(wù)員錄用違規(guī)違紀(jì)行為處理辦法摘錄

          第六條 報(bào)考者在考試過程中有下列行為之一的,由具體組織實(shí)施考試的考試機(jī)構(gòu)、招錄機(jī)關(guān)或者公務(wù)員主管部門給予其所涉科目(場次)考試成績?yōu)榱惴值奶幚恚?/p>

          (一)將規(guī)定以外的物品帶入考場,經(jīng)提醒仍未按要求放在指定位置的;

          (二)參加考試時未按規(guī)定時間入場、離場的;

          (三)未在指定座位參加考試,或者擅自離開座位、出入考場的;

          (四)未按規(guī)定填寫(填涂)、錄入本人或者考試相關(guān)信息,以及在規(guī)定以外的位置標(biāo)注本人信息或者其他特殊標(biāo)記的;

          (五)故意損壞本人試卷、答題卡(答題紙)等考場配發(fā)材料或者本人使用的考試機(jī)等設(shè)施設(shè)備的;

          (六)在考試開始信號發(fā)出前答題的,或者在考試結(jié)束信號發(fā)出后繼續(xù)答題的;

          (七)其他情節(jié)較輕的違規(guī)違紀(jì)行為。

          第七條 報(bào)考者在考試過程中有下列行為之一的,由設(shè)區(qū)的市級以上公務(wù)員主管部門給予其取消本次考試資格并五年內(nèi)限制報(bào)考公務(wù)員的處理:

          (一)抄襲他人答題信息或者協(xié)助他人抄襲答題信息的;

          (二)查看、偷聽違規(guī)帶入考場與考試有關(guān)的文字、視聽資料的;

          (三)使用禁止攜帶的通訊設(shè)備或者具有計(jì)算、存儲功能電子設(shè)備的;

          (四)攜帶具有避開或者突破考場防范作弊的安全管理措施,獲取、記錄、傳遞、接收、存儲考試試題、答案等功能的程序、工具,以及專門用于作弊的程序、工具(以下簡稱作弊器材)的;

          (五)搶奪、故意損壞他人試卷、答題卡(答題紙)、草稿紙等考場配發(fā)材料或者他人使用的考試機(jī)等設(shè)施設(shè)備的;

          (六)違反規(guī)定將試卷、答題卡(答題紙)等考場配發(fā)材料帶出考場的;

          (七)其他情節(jié)嚴(yán)重、影響惡劣的違規(guī)違紀(jì)行為。

          第八條 報(bào)考者在考試過程中有下列行為之一的,由省級以上公務(wù)員主管部門給予其取消本次考試資格并終身限制報(bào)考公務(wù)員的處理:

          (一)使用偽造、變造或者盜用他人的居民身份證、準(zhǔn)考證以及其他證明材料參加考試的;

          (二)3人以上串通作弊或者參與有組織作弊的;

          (三)代替他人或者讓他人代替自己參加考試的;

          (四)使用本辦法第七條第四項(xiàng)所列作弊器材的;

          (五)非法侵入考試信息系統(tǒng)或者非法獲取、刪除、修改、增加系統(tǒng)數(shù)據(jù)的;

          (六)其他情節(jié)特別嚴(yán)重、影響特別惡劣的違規(guī)違紀(jì)行為。

          第九條 在閱卷過程中發(fā)現(xiàn)報(bào)考者之間同一科目作答內(nèi)容雷同,并經(jīng)閱卷專家組確認(rèn)的,由具體組織實(shí)施考試的考試機(jī)構(gòu)給予其該科目(場次)考試成績?yōu)榱惴值奶幚恚浻贸绦蚪K止。作答內(nèi)容雷同的認(rèn)定方法和標(biāo)準(zhǔn)由省級以上考試機(jī)構(gòu)確定。

          報(bào)考者之間同一科目作答內(nèi)容雷同,并有其他相關(guān)證據(jù)證明其作弊行為成立的,視具體情形按照本辦法第七條、第八條的規(guī)定處理。

          第十二條 報(bào)考者應(yīng)當(dāng)自覺維護(hù)公務(wù)員錄用工作秩序,有下列行為之一的,應(yīng)當(dāng)終止其錄用程序;情節(jié)嚴(yán)重、影響惡劣的,由設(shè)區(qū)的市級以上公務(wù)員主管部門給予其取消本次考試資格并五年內(nèi)限制報(bào)考公務(wù)員的處理;情節(jié)特別嚴(yán)重、影響特別惡劣的,由省級以上公務(wù)員主管部門給予其取消本次考試資格并終身限制報(bào)考公務(wù)員的處理:

          (一)故意擾亂考點(diǎn)、考場等工作場所秩序的;

          (二)拒絕、妨礙工作人員履行管理職責(zé)的;

          (三)威脅、侮辱、誹謗、誣陷、毆打工作人員或者其他報(bào)考者的;

          (四)通過搞利益輸送或者利益交換,謀取考試資格、錄用機(jī)會、經(jīng)濟(jì)利益以及其他不當(dāng)利益的;

          (五)購買本辦法第七條第四項(xiàng)所列作弊器材的;

          (六)其他擾亂公務(wù)員錄用工作秩序的行為。

          第十三條 報(bào)考者在公務(wù)員錄用中有違規(guī)違紀(jì)行為,涉嫌違法犯罪的,移送有關(guān)國家機(jī)關(guān)依法處理。

          報(bào)考者為國家公職人員的,應(yīng)當(dāng)將其違規(guī)違紀(jì)行為和處理結(jié)果通報(bào)所在單位。

          各位報(bào)考者請仔細(xì)閱讀以上事項(xiàng),科學(xué)備考、順利參考!

          云南省人事考試院

          2021年11月19日

          來源: 掌上春城

          前端工作中,設(shè)計(jì)代碼時,經(jīng)常會有人手動刪除行內(nèi)元素之間產(chǎn)生的額外空隙,并通過設(shè)置margin或padding來獲取想要間距嗎?如代碼:

          <div class=“”><span class=“bgr”>去掉了間距</span><span class="bgr">去掉了間距</span><span class="bgr">去掉了間距</span><span class="bgr">去掉了間距</span><span class="bgr">去掉了間距</span><span class="bgr">去掉了間距</span></div>

          這看起來很不舒服,特別扔給給JS同事后,JS同事看完代碼后就會提出抱怨,代碼太亂,他們希望的代碼是如下:

          <div class="">
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          </div>

          那么有什么好的辦法解決的?答案也是有的。

          1.行內(nèi)元素之間的“換行符”產(chǎn)生間距

          <div class="">

          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          </div>

          展現(xiàn)效果如下:

          2.行內(nèi)元素之間使用“tab(制表符)”產(chǎn)生間距

          <div class="">
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span>
          </div>

          展現(xiàn)效果如下:

          3.行內(nèi)元素之間使用“空格”產(chǎn)生間距

          <div class=""><span class="bgr">換行符產(chǎn)生間距</span> <span class="bgr">換行符產(chǎn)生間距</span> <span class="bgr">換行符產(chǎn)生間距</span> <span class="bgr">換行符產(chǎn)生間距</span>
          <span class="bgr">換行符產(chǎn)生間距</span> <span class="bgr">換行符產(chǎn)生間距</span>
          </div>

          展現(xiàn)效果如下:

          上以上3點(diǎn)可以看出,行內(nèi)元素之間產(chǎn)生的間距,是由于換行符、tab(制表符)、空格等字符引起,而字符的大小是定義字體大小來控制。

          那么改變字體的大小可調(diào)整行內(nèi)元素的間距么?

          上圖把字體從0px~18px~36px的調(diào)整,可見行內(nèi)元素之間的水平間距從無到有,并不斷變大,說明行內(nèi)元素之間產(chǎn)生間距是由換行符、tab(制表符)、空格等字符引起的,那么設(shè)置字體大小font-size:0可以是不是可以在所有瀏覽器中除去這些間距呢?

          經(jīng)過測試后,可發(fā)現(xiàn)設(shè)置font-size:0并不能使得換行符、tab(制表符)、空格等在所有瀏覽器中產(chǎn)生的額外間距消失:

          1.IE6、7瀏覽器始終存在的 1px 空隙

          2.最新版本的Safari瀏覽器(5.1.7)不支持定義字體大小為 0 的瀏覽器

          通過查找資料后,一種比較正常的解決方法如下:

          1.針對IE6、7瀏覽器,使用word-spacing 修復(fù) IE6、7 中始終存在的 1px 空隙,減少單詞間的空白(即字間隔)

          *word-spacing:-1px;

          2.使用webkit的私有屬性,讓字體大小不受設(shè)備終端的調(diào)整,可定義字體大小小于12px

          html{-webkit-text-size-adjust:none;}

          問題解決了,代碼如下:

          結(jié)構(gòu):

          <div class="span-wrap">
          <span>字符產(chǎn)生間距</span>
          <span>字符產(chǎn)生間距</span>
          <span>字符產(chǎn)生間距</span>
          <span>字符產(chǎn)生間距</span>
          <span>字符產(chǎn)生間距</span>
          <span>字符產(chǎn)生間距</span>
          </div>

          樣式:

          html{
          -webkit-text-size-adjust:none;/* 使用webkit的私有屬性,讓字體大小不受設(shè)備終端的調(diào)整,可定義字體大小小于12px */
          }

          .span-wrap {
          font-size:0;/* 所有瀏覽器 */
          *word-spacing:-1px;/* 使用word-spacing 修復(fù) IE6、7 中始終存在的 1px 空隙,減少單詞間的空白(即字間隔) */
          }

          .span-wrap span{
          font-size: 12px;
          letter-spacing: normal;/* 設(shè)置字母、字間距為0 */
          word-spacing: normal; /* 設(shè)置單詞、字段間距為0 */
          }

          干脆直接使用浮動,簡單,也不用寫多余的hack,多好。的確使用浮動技術(shù)是比較好的辦法,實(shí)際工作中我們使用浮動也是比較多,但是也并不是每處地方都要使用浮動,而且使用浮動后還需要清除浮動的操作。

          文/丁向明

          做一個有博客的web前端自媒體人,專注web前端開發(fā),關(guān)注用戶體驗(yàn),加我qq/微信交流:6135833

          http://dingxiangming.com


          主站蜘蛛池模板: 国产精品视频无圣光一区| 免费无码AV一区二区| 精品无码成人片一区二区98 | 亚洲综合无码一区二区痴汉 | 日本一区二区三区免费高清| 国产精品无码一区二区三区免费 | 国产免费一区二区三区免费视频| 亚洲综合一区二区精品导航| 全国精品一区二区在线观看| 国产视频一区二区| 在线视频一区二区三区四区| 男人的天堂av亚洲一区2区| 国内精品一区二区三区东京| 日韩内射美女人妻一区二区三区| 性盈盈影院免费视频观看在线一区| 亚洲一区二区三区高清在线观看 | 中文字幕一区二区三区四区 | 亚洲国产日韩一区高清在线 | 2022年亚洲午夜一区二区福利| 久久久久久人妻一区精品| 亚洲一区二区三区首页| 人妻av综合天堂一区| 国产伦精品一区二区三区免费迷| 精品人妻一区二区三区毛片| 日韩人妻无码一区二区三区| 日韩视频一区二区三区| 亚洲综合一区国产精品| 亚洲一区二区视频在线观看 | 国语精品一区二区三区| 国产美女一区二区三区| 国产精品一区12p| 中文字幕av日韩精品一区二区 | 亚洲熟女综合一区二区三区| 曰韩人妻无码一区二区三区综合部| 国产三级一区二区三区| 中文字幕在线一区二区在线| 日本韩国一区二区三区| 人妻少妇久久中文字幕一区二区| 国模精品视频一区二区三区| 日韩精品无码一区二区视频| 精品人妻少妇一区二区三区不卡 |