input和textarea区别:
input是当行文本框,其type值必须是text,初始值是用value或者placeholder来设置,size去设置字符长度,maxlength来设置最大的输入字符数。
textarea是多行文本框,它是标签对,用row和col设置行和列,其内容是置于标签对中。
图片居中:
在div中插入图片,如何让其居中?一般都会用text-align:center来设置,但是这个方式感觉比较烦,因为还要在img外在套个div,然后给这个div属性为:text-align:center。
后来发现其实还有一种方式,就是直接给img设置属性,这个方式比较方便。
img{ margin-left:auto; margin-right:auto; display:block;}
实现垂直居中的方式:
定位 position:absolute;
1、在知道div高宽的前提下,比如高宽都是200px,可以这样写:
position:absolute;
top:50%;
left:50%;
margin-left:-100px;
margin-top:-100px;
这样就可是实现垂直居中了
2、还有一种写法,这个就不会涉及到div的高宽:
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
3、这个感觉是最方便的,几行代码就实现想要的效果了
position:absolute;
left:50%;
top:50%;
transform:translate3d(-50%,-50%,0)