中文字幕av高清_国产视频一二区_男女羞羞羞视频午夜视频_成人精品一区_欧美色视_在线视频这里只有精品

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > li 與 li 之間有看不見的空白間隔是什么原因引起的?如何解決?

li 與 li 之間有看不見的空白間隔是什么原因引起的?如何解決?

來源:千鋒教育
發布人:wjy
時間: 2022-09-09 15:06:06 1662707166

瀏覽器會把inline內聯元素間的空白字符(空格、換行、Tab等)渲染成一個空格。為了美觀,通常是一個<li>放在一行,這導致<li>換行后產生換行字符,它變成一個空格,占用了一個字符的寬度。

 

千鋒教育

解決辦法:


1、為<li>設置float:left。不足:有些容器是不能設置浮動,如左右切換的焦點圖等。

 

2、將所有<li>寫在同一行。不足:代碼不美觀。

 

3、將<ul>內的字符尺寸直接設為0,即font-size:0。不足:<ul>中的其他字符尺寸也被設為0,需要額外重新設定其他字符尺寸,且在Safari瀏覽器依然會出現空白間隔。

 

4、消除<ul>的字符間隔letter-spacing:-8px,不足:這也設置了<li>內的字符間隔,因此需要將<li>內的字符間隔設為默認letter-spacing:normal。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
主站蜘蛛池模板: 欧美激情欧美激情在线五月 | 爽爽淫人网 | 欧美国产一区二区 | 精品视频一区二区三区 | 热久久这里只有精品 | 国产羞羞视频在线观看 | 色网站在线免费观看 | 久久蜜桃av | 久久精品一区二区国产 | 91在线电影 | 日韩欧美在线播放 | 国产va | 亚洲福利电影网 | 国产免费av在线 | 久久国产乱子伦精品免费午夜,浪货好紧 | 久热亚洲| xvideos视频 | 亚洲精品影院 | 欧美1区| 久久骚| 欧美三级电影在线播放 | 欧美在线一区二区三区 | 久久99精品久久久久久久青青日本 | 蜜臀在线视频 | 亚洲一区二区精品视频 | 色网站在线 | 欧美日韩国产在线看 | 中文字幕在线亚洲 | 欧美日韩在线电影 | 国产精品视频一区二区三区四蜜臂 | 日韩中文视频 | 日韩中文字幕在线 | 精品中文字幕一区二区三区 | 国产综合区 | 伊人艹 | 午夜精品一区二区三区免费视频 | 日韩欧美一级在线 | 免费不卡视频 | 国产片在线观看 | 日韩一级免费观看 | 九九热精品视频 |