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

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

 

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

　　

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

<p>dddddddddd</p>

----

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

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

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

網(wǎng)友評論

        • <dl id="fnutr"></dl>
          
        		
     		
				
			
			
			
		
		
		
    	
    	
        	
        
        
        



 
        
           
    
  

  	  
  



 
	
	
	

	
	





   





	


 
	
	
	

	
	


	






	








        3. <thead id="fnutr"><listing id="fnutr"><b id="fnutr"></b></listing></thead><strike id="fnutr"><listing id="fnutr"></listing></strike>
          <thead id="fnutr"><legend id="fnutr"></legend></thead>