#exa
/* 相當於讓margin鋪滿整個父級元素，再用margin：auto自動居中 */
#exa
/* 首先用top:50%和left:50%讓exa的座標原點（左上角）移動到container的中心，然後再利用負margin讓它往左偏移自身寬的一半，再往上偏移自身高的一半，這樣inner的中心點就跟container的中心點對齊了。 */
div
span /*塊狀元素中的文字超出長度，會越過該塊狀元素*/
div
span
/* 在父級元素內 使用vertical-align */
s**dabrebjebeabomaebcnfgnmxgfm
xfgm,xgfm,xgcbfnzdfnfdf,mxgfoe
div
span
/* 在父級元素內 使用displayl:flex 子元素使用align-self：center 如果span內文字不夠長不會水平居中*/
div
div::before
span
CSS垂直居中的方法
直接對元素設定 padding 10px 0 就可以讓它垂直居中。如果要水平垂直居中，那麼對文字內容的父元素新增乙個 text align center 就行。父元素設定，padding 10px 0 實現垂直居中 子元素設定，margin 0 auto 實現水平居中 父元素設定，display f...
CSS實現垂直居中的方法
垂直居中是css布局中十分常見的布局效果，在平時的工作中遇到的垂直居中布局大概分為以下的幾類 1，首先是單行文字居中，非常簡單，只需要設定父級元素的高和行高相等，或者設定本身元素為內聯塊或者塊元素，再設定高和行高相等就可以。1 doctype html 2 html 3 head 4 meta ch...
CSS垂直居中水平居中方法
center 剛在別人的部落格裡看到這種方法時真的覺得很奇葩，以下是大神的解釋 解釋 1 在普通內容流中，margin auto的效果等同於margin top 0 margin bottom 0。2 position absolute使絕對定位塊跳出了內容流，內容流中的其餘部分渲染時絕對定位部分不...