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

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


版权声明：本文为CSDN博主「刘亦枫」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。


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

分享本文至：

label和span标签设置宽度width无效的解决办法

如何用CSS使label标签等宽？

`JavaScript中的混淆器`

分类

日历

链接

个人资料

存档