<address id="ttjl9"></address>
      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      

      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>
          
  
      
    

          

	
          
		
          
			
          
				
          label和span標簽設置寬度width無效的解決辦法
          
				
           2020-3-22      前端達人      
          
			
          
			
          
				
          
    如何用CSS使label標簽等寬？ 

          

          
    <div><label>密碼</label><input type="password" /></div>
          
<div><label>確認密碼</label><input type="password" /></div>
          
如何對齊呢？加空格的方法不好哦。（因為label中的字數不一樣，所以頁面顯示效果不對齊）           

          

          
    問題原因及解決辦法：

          

          
    
          
        label默認為內聯元素，元素前后沒有換行符，并且不可以設置寬度。
    
          
    
          
        如果要為label設置寬度，則需要改變label的display屬性，使其變為一個塊級元素。
    
          
    
          
        方法如下：
    
          
    
          
        1.增加inline-block屬性值，將label標簽變為行內塊元素（css2.1新增）
    
          
    
          
             {display:inline-block;} 
    
          
2.增加width屬性，如將寬度設置為100px
          

          

          
        label{width:100px;display:inline-block;}
          
           

          

          
    3.添加好后頁面上所有的label標簽會變為100pxv 

          

          
    
          
           

          

          
    
          
           

          

          
     

          

          
    JavaScript中的混淆器

          

          隨著 AJAX 和富界面技術的發展，Javascript 在 Web 應用上的重要性越來越高，Javascript 代碼的復雜性、功能和技術含量也越來越高，對Javascript 代碼保護的需要也越來越迫切。

          


          
壓縮 compress： 去掉空格，換行，注釋等，格式緊湊，節約存儲空間。

          


          
混淆 obfuscate/garble：替換變量名或方法名，讓js不容易看懂。也做到了壓縮的效果。

          


          
加密 encrypt：一般用eval方法加密，效果與混淆相似。也做到了壓縮的效果。

          


          
           
          

          
    我們可以通過工具進行混淆，通過工具也是目前最好的方式。推薦一個很好的混淆工具： JSObfuscator By Unest 

          

          
    
          
           

          

          
    20200321102359879.png
          
           

          

          
    
          
           

          

          ————————————————

          
版權聲明：本文為CSDN博主「劉亦楓」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。

          
原文鏈接：https://blog.csdn.net/liuyifeng0000/article/details/105004732

          


          
           
          

          
    
          

          				
          
								
			
          
		
          
		
		
	
          


          
    
  
          
    
          日歷
          
    
          
        
          
        
    
          
  
          
    
    
          
      
          鏈接
          
      
            
                
          
    
          
    
          
      
          個人資料
          
      
          
          
          
                    
          
          
          藍藍設計的小編
          http://www.syprn.cn
          
      
          
    
          
    
          
      
          存檔
          
      
    
          

          

          



亚洲va欧美va天堂v国产综合