暑假第一周周记 两端对齐和label标签

1.两端对齐

在写一些标题类的文字式如账号，密码，验证码等，需要用到两端对齐，

比如这样，代码如下

 <div class="div">
        <p>王伟</p>
        <p>王伟我</p>
 </div>
<style>
    .div{
        text-align: justify;
        width: 80px;
    }
    .div p::after{
        display: inline-block;
        width: 100%;
        content: '';
    }
    
</style>

让父元素text-align设为justify后再给父元素一个宽度，

子元素设置一个after伪元素，并把宽度设为100%，那么子元素中没有到达父元素宽度的地方就会被伪元素的空格替代。

emm其他的办法还有就是写空格喽。。。

2.label标签

label标签可以绑定一个input元素，当点击label内文本时，会自动对焦或选择对应表单的元素上，也就是当点击文字时可以让对应的input元素也响应

 <label for="sex">男</label>
 <input type="checkbox" id="sex" />

使用方法如上，让label标签的for属性应当与相关元素的id属性相同，

这样可以增加用户的体验性，方便点击。

3.本周总结

本周重点理解了Function和Object在显式原型和隐式原型中的区别，

所有实例对象的隐式原型都指向构造函数的显式原型，Object实例对象除外，它指向Function函数的显式原型。

所有函数的隐式原型都指向Function的显式原型，包括Function本身。