小知識

input和textarea區(qū)別:

input是當(dāng)行文本框,其type值必須是text,初始值是用value或者placeholder來設(shè)置,size去設(shè)置字符長度,maxlength來設(shè)置最大的輸入字符數(shù)。

textarea是多行文本框,它是標簽對,用row和col設(shè)置行和列,其內(nèi)容是置于標簽對中。

圖片居中:

在div中插入圖片,如何讓其居中?一般都會用text-align:center來設(shè)置,但是這個方式感覺比較煩,因為還要在img外在套個div,然后給這個div屬性為:text-align:center。

后來發(fā)現(xiàn)其實還有一種方式,就是直接給img設(shè)置屬性,這個方式比較方便。

img{? margin-left:auto;? margin-right:auto;? display:block;}

實現(xiàn)垂直居中的方式:

定位 position:absolute;

1、在知道div高寬的前提下,比如高寬都是200px,可以這樣寫:

position:absolute;

top:50%;

left:50%;

margin-left:-100px;

margin-top:-100px;

這樣就可是實現(xiàn)垂直居中了

2、還有一種寫法,這個就不會涉及到div的高寬:

position:absolute;

left:0;

right:0;

top:0;

bottom:0;

margin:auto;

3、這個感覺是最方便的,幾行代碼就實現(xiàn)想要的效果了

position:absolute;

left:50%;

top:50%;

transform:translate3d(-50%,-50%,0)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,125評論 1 92
  • 各種純css圖標 CSS3可以實現(xiàn)很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,978評論 0 8
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css...
    KunMitnic閱讀 1,120評論 0 1
  • 1. 專注,90天養(yǎng)成一個習(xí)慣,一年就能養(yǎng)成4個習(xí)慣。-天哥 2. 親子學(xué)畫畫,練字-小雪 3.極簡生活:-莉娜 ...
    凱荔閱讀 405評論 0 1
  • 好詩的觀后感如墜崖 開頭的一句就給人撂下了圈套 但不是生拉硬扯著牽引 我在作者的字跡上 自愿留下足跡 我喜歡感同身...
    一黎日月閱讀 222評論 0 0

友情鏈接更多精彩內(nèi)容