发表于： 2018-08-01 20:13:19
1 595
今天完成的事情：
继续巩固了昨日的技能，
明天计划的事情：
继续练习CSS布局，绝对与相对定位，例如如何高效快速实现子元素在父元素中的垂直居中
遇到的问题：
1. 在文本框中添加图标时，只采用width与height属性，图标只能显示部分。需要在CSS中加入background-size:cover属性后可以解决这个问题
2. 如何实现垂直定位：
采用相对定位
例：
position:relative;
top:50%;transform:
translateY(-50%);
margin:0px;
3. 行内元素不能实现垂直定位，虽然行内元素仍然拥有盒子模型，但是margin-top,margin-bottom, padding-top,padding-bottom都是无效的，要使其可用，必须添加display:inline-block使其转化为块元素
收获：学习到如何在input元素中添加小图标，以及解决图标显示不全的问题；还学习到如何实现垂直定位以及行内元素向块元素转化。
返回列表
评论