水平居中:
①行內元素(或行內塊元素)包含在塊元素里時可將元素看作是父元素中的文本,父元素(塊元素設置text-align:center;)
②1.塊元素定寬時,設置margin: auto;即可實現水平居中
②2.塊元素定寬時,設置position定位實現水平居中
垂直居中:
對應① 設置height=line-height;即可實現行內元素在塊元素中垂直居中效果
對應②2. 同理設置position定位實現塊元素垂直居中
水平居中:
①行內元素(或行內塊元素)包含在塊元素里時可將元素看作是父元素中的文本,父元素(塊元素設置text-align:center;)
②1.塊元素定寬時,設置margin: auto;即可實現水平居中
②2.塊元素定寬時,設置position定位實現水平居中
垂直居中:
對應① 設置height=line-height;即可實現行內元素在塊元素中垂直居中效果
對應②2. 同理設置position定位實現塊元素垂直居中
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。