IT網(wǎng)絡(luò)文摘的軟件學(xué)習(xí)筆記

學(xué)習(xí)就是力量

分類導(dǎo)航

CSS：首字母字體變大時(shí)下劃線不對(duì)齊的解決方法

發(fā)布時(shí)間：2017年03月24日作者：文章轉(zhuǎn)自網(wǎng)絡(luò)，版權(quán)歸原作者所有，反饋可立刻刪除

　　昨天在寫2017年百度ife任務(wù)六的時(shí)候遇到了一個(gè)排版問題，需要首字母字體變大的同時(shí)，下劃線對(duì)齊。

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

　　首先使用了 ::first-letter偽元素的選擇器，將字體變大后，發(fā)現(xiàn)下劃線沒法對(duì)齊，代碼如下：

　　

<p>dddddddddd</p>

----

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

　　后來改用 font-variant、text-transform 屬性后解決了這個(gè)問題，代碼如下；

網(wǎng)友評(píng)論

更多精彩分享

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn)機(jī)構(gòu),青島Java培訓(xùn),青島計(jì)算機(jī)培訓(xùn),軟件編程培訓(xùn),seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營(yíng)銷培訓(xùn),Java培訓(xùn)

學(xué)習(xí)是年輕人改變自己的最好方式