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>
如何對齊呢？加空格的方法不好哦。（因?yàn)閘abel中的字?jǐn)?shù)不一樣，所以頁面顯示效果不對齊）

問題原因及解決辦法：

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

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

方法如下：

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)簽會變?yōu)?00pxv

`JavaScript中的混淆器`

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

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

———————————————— 版權(quán)聲明：本文為CSDN博主「劉亦楓」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。原文鏈接：https://blog.csdn.net/liuyifeng0000/article/details/105004732

« JSP的刨根問底科學(xué)的 UI 配色方法 »

日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.sdgs6788.com

存檔

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

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

JavaScript中的混淆器

分類

日歷

鏈接

個(gè)人資料

存檔

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

`JavaScript中的混淆器`