发表于： 2019-03-18 13:32:02
1 724
今天完成的事情：
1 img，input都是行内块级元素，iPhone图标，竖线图标和input框排成一行时，用flex排列，
.input{ display: inline-flex; display: -webkit-inline-flex;}
iphone图标上下拉伸，查到容器有align-items属性，定义项目在交叉轴上如何对齐，
.input{align-items: center;}
希望输入框占据当前行的所有剩余宽度，只需指定输入框的flex-grow属性为1，
input { flex-grow: 1;}
用align-self属性使输入框高度自动拉伸，
input{align-self: stretch;}
input{outline: none;}使选定蓝色框消失，
改变输入时的字体大小，用input {font-size:;}
改变placeholder里的字体颜色和样式，用
input::-webkit-input-placeholder{}
input:-moz-placeholder{}
input::-moz-placeholder{}
input::-ms-input-placeholder{}
明天要完成的任务：开始任务5
遇到的问题：写的完成的事情就是遇到的问题，都通过百度解决了
收获：学会了水平排列几个元素。
返回列表
评论