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)