更多情況
參考:
(1)單行文字垂直居中
#child(2)多行文字垂直居中
父元素使用display:table和子元素使用display:table-cell屬性來模擬**,子元素設定vertical-align:middle即可垂直居中
html:
多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字 多行文字
css:
.bg_box
.span_box
.words_span
(3)垂直居中
#parent(4)基於絕對定位的pc端實現#parent img
.box
(5)其他
**:html
123
content herecss
12345
#parent低版本 ie fix bug:#child
123
#child
塊級元素css
1234567
89
#parent總結:關於垂直居中,有很多大佬都總結了好多,我看了也沒記住,所以我選了自己用到的幾個~~#child
前端優化雜記
1 每個請求都需要經過解析,連線等過程,也是相當耗時的,所以儘量減少請求,該合併的合併。2 不要出現404,請求乙個不存在的資源,可能會導致較長時間的等待和阻塞,直到伺服器返回錯誤的資訊。3 不要出現重定向,重定向相當於發起雙倍請求,耗時又耗資源。4 指令碼一定放在樣式後面,最後放在body結束標籤...
前端框架雜記
一 vue公共元件的理想狀態是什麼樣子的?1.黑盒性,即除了你自己以外,其他的開發者在快速閱讀使用文件之後可以立刻上手,而不用關心你的內部實現 2.獨立性,即做好解耦,不與父元件有過多關聯 3 自定義性,適當地暴露一些輸入介面或者方法給外部用於自定義,同時也要設定好這些屬性在外部未輸入時的預設值。二...
搭建前端私有npm雜記
隨著前端隊伍越來越壯大,專案間共享 就變得尤為重要。常用的框架 類庫沒必要在每個專案都放乙份,團隊內部產出的公共模組也需要有合理的共享機制。現在,用npm管理前端 已經是業界趨勢。樓主嘗試用私有npm 資源管理系統的方式搭建起一套前端資源倉庫,用以在公司內部託管公共 並為開發環境提供 源。本文記錄一...