label和span標簽設置寬度width無效的解決辦法

2020-3-22 前端達人

如何用CSS使label標簽等寬？

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

問題原因及解決辦法：

label默認為內(nèi)聯(lián)元素，元素前后沒有換行符，并且不可以設置寬度。

如果要為label設置寬度，則需要改變label的display屬性，使其變?yōu)橐粋€塊級元素。

方法如下：

1.增加inline-block屬性值，將label標簽變?yōu)樾袃?nèi)塊元素（css2.1新增）

{display:inline-block;}

2.增加width屬性，如將寬度設置為100px

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

3.添加好后頁面上所有的label標簽會變?yōu)?00pxv

`JavaScript中的混淆器`

隨著 AJAX 和富界面技術的發(fā)展，Javascript 在 Web 應用上的重要性越來越高，Javascript 代碼的復雜性、功能和技術含量也越來越高，對Javascript 代碼保護的需要也越來越迫切。壓縮 compress：去掉空格，換行，注釋等，格式緊湊，節(jié)約存儲空間。混淆 obfuscate/garble：替換變量名或方法名，讓js不容易看懂。也做到了壓縮的效果。加密 encrypt：一般用eval方法加密，效果與混淆相似。也做到了壓縮的效果。

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