label和span標(biāo)簽設(shè)置寬度width無效的解決辦法

2020-3-22    前端達(dá)人

如何用CSS使label標(biāo)簽等寬？

<div><label>密碼</label><input type="password" /></div>
<div><label>確認(rèn)密碼</label><input type="password" /></div>
如何對(duì)齊呢？加空格的方法不好哦。（因?yàn)閘abel中的字?jǐn)?shù)不一樣，所以頁面顯示效果不對(duì)齊）
問題原因及解決辦法：

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

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

方法如下：

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

     {display:inline-block;}

2.增加width屬性，如將寬度設(shè)置為100px
    label{width:100px;display:inline-block;}

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



JavaScript中的混淆器

隨著 AJAX 和富界面技術(shù)的發(fā)展，Javascript 在 Web 應(yīng)用上的重要性越來越高，Javascript 代碼的復(fù)雜性、功能和技術(shù)含量也越來越高，對(duì)Javascript 代碼保護(hù)的需要也越來越迫切。



壓縮 compress： 去掉空格，換行，注釋等，格式緊湊，節(jié)約存儲(chǔ)空間。



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



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

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


20200321102359879.png


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

版權(quán)聲明：本文為CSDN博主「劉亦楓」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。

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


日歷

鏈接

個(gè)人資料

存檔