發(fā)簡信
IP屬地：河南
-
前端基礎(chǔ)進(jìn)階（十五）：透徹掌握Promise的使用，讀這篇就夠了Promise的重要性我認(rèn)為沒有必要多講，概括起來說就是四個字：必！須！得！掌！握！。 而且還要掌握透徹。這篇文章的開頭，主要分析一下，為什么會有Promise出現(xiàn)。 在實際...
-
環(huán)境變量設(shè)置
運行ionic時，出現(xiàn)環(huán)境變量設(shè)置到/nodejs/node-global,比正確的路徑多了一層。正確路徑只到/nodejs,即可！ 搭建編譯環(huán)境時為什么有時候要設(shè)置環(huán)境變量...
-
-
TypeScript
-
嘉嘉_c474 ·居中
水平居中：
1.對于inline元素：為父元素設(shè)置text-align: center;即可（子元素所有內(nèi)容都會居中，所以最好在子元素中使用text-align:left;歸位）。
2.對于block元素：為元素設(shè)置寬度，再設(shè)置margin: 0 auto;（IE6還是需要在父元素設(shè)置text-align: center;）
3.對于float元素：為元素設(shè)置寬度，再設(shè)置position:relative;，再設(shè)置left:50%;，最后margin-left設(shè)置為該元素寬度的一半乘以-1。
.content { height: 30px;background-color: rgb(89, 157, 197); /* 無關(guān)緊要的代碼 */ float: left; width: 300px; position: relative; left: 50%; margin-left: -150px; }
4.對于position:absolute元素：
法一：為元素設(shè)置寬度，再設(shè)置left:50%;，最后margin-left設(shè)置為該元素寬度的一半乘以-1。
法二：為元素設(shè)置寬度，再設(shè)置左右偏移為0（left: 0;和right: 0;），最后設(shè)置左右外邊距為margin: 0 auto;。
垂直居中：
1.對于單行文本垂直居中：設(shè)置高度，再設(shè)置line-height值等于設(shè)置的高度值。
2.父容器高度不知，兩種方法：
法一：父容器設(shè)置position:relative;，子容器設(shè)置position: absolute; top: 50%; transform: translateY(-50%);。
.main { position: relative; width:100%;height: 500px;background-color: rgb(199, 196, 43); /* 無關(guān)緊要的代碼 */ } .content { background-color: rgb(89, 157, 197); /* 無關(guān)緊要的代碼 */ position: absolute; top: 50%; transform: translateY(-50%); }
法二：（父容器下只有這個子元素時使用）子容器設(shè)置position: relative; top: 50%; transform: translateY(-50%);。
.main { width:100%;height: 500px;background-color: rgb(199, 196, 43); /* 無關(guān)緊要的代碼 */ } .content { background-color: rgb(89, 157, 197); /* 無關(guān)緊要的代碼 */ position: relative;top: 50%; transform: translateY(-50%); }
注：transform: translate中的translate是根據(jù)自身百分比寬高在X/Y軸上移動。所以如果在子元素使用position: absolute;left:50%; transform:translate(-50%,0);則可以實現(xiàn)水平居中。
▲ 3.flex簡單粗暴：
.main{ width: 100%; height: 400px; background-color: aqua; /* 無關(guān)緊要的代碼 */ display:flex;/*Flex布局*/ display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ // justify-content:center; /*指定水平居中*/ } .content { width: 200px;height: 200px;background-color: rgb(89, 157, 197); /* 無關(guān)緊要的代碼 */ }
【個人筆記，只作分享討論】 -
12
JavaScript入門學(xué)習(xí)書籍到階段書籍
入門：《深入淺出JavaScript》《JavaScript DOM編程藝術(shù)》 《JavaScript DOM高級程序設(shè)計》《javascript-55個javascript...
-
2018年九個很受歡迎的vue前端UI框架最近在逛各大網(wǎng)站，論壇，SegmentFault等編程問答社區(qū)，發(fā)現(xiàn)Vue.js異?；鸨貜?fù)性的提問和內(nèi)容也很多，小編自己也趁著這個大前端的熱潮，著手學(xué)習(xí)了一段時間的Vue...
-
架構(gòu)師，項目經(jīng)理。拿200+導(dǎo)圖模板在公眾號@架構(gòu)師米洛。新浪博客@架構(gòu)師米洛，微博@架構(gòu)師米洛。
-
史上最全的前端資源大匯總
1.前言 最近有很多朋友問我有沒有相關(guān)的書籍推薦，希望能夠自學(xué)一下前端。 正好最近在查閱文章的時候，發(fā)現(xiàn)有朋友已經(jīng)進(jìn)行過總結(jié)。 經(jīng)過溝通和“行賄”??，終于取得轉(zhuǎn)載權(quán)利，在此感...
-
借一斑略知全豹，以一目盡傳精神。 投稿須知： 1.本專題收錄各種類型短篇小說，內(nèi)容須言 之有物。 2.內(nèi)容須為原創(chuàng)，結(jié)構(gòu)完整（未完待續(xù)及連 載小說請勿投）。 3.字?jǐn)?shù)要求：三千字以上，三萬字以下。 4.文章排版整潔，段落分明，無明顯錯別 字。 5.優(yōu)秀短篇，編輯將會手動加入短篇小說月刊專題，并邀請加入優(yōu)秀作者群。 更多投稿要求請點擊《短篇小說專題投稿指南》http://www.itdecent.cn/p/e46829ef7a33 專題主編：蘇小飛 http://www.itdecent.cn/u/7ef36743bc26 申請短篇小說專題群交流學(xué)習(xí)，請?zhí)砑又骶幪K小飛微信13953505883，編輯李布波微信18764407758。加微信請備注“短篇小說群”。
-
分享 Web 前端相關(guān)的技術(shù)文章、工具資源等內(nèi)容，歡迎 Web 開發(fā)者們踴躍投稿哦。
