1、在父元素上，新增 text-align：center；
2、在目標元素上，新增 display：inline-block；（倘若目標元素本就是行內塊元素，則不用新增此句） vertical-align：middle；
3、在與目標元素同級的後面新增乙個元素，如。則在css樣式上新增 display：inline-block； width：0；height：100%；vertical-align：middle；
注：vertical 對塊級元素不起作用。
1、在父元素上，新增 position：relative；
2、在目標元素上，新增 position：absolute； left：0；right：0；top：0；bottom：0；margin：auto；
1、在父元素上，新增 position：relative；
2、在目標元素上，新增 position：absolute；left：50%；top：50%；margin-left：-（width/2）px; margin-top：-（height/2）px;
在父元素上，新增 display：flex；justify-content：center；align-items：center；
html css 元素居中的方法
html元素 水平居中 於 其父級元素的方法 方法1 左右居中方法1 html,body,div wrap left right middle1 方法2 左右居中方法2 html,body,div wrap left right middle2 html元素 垂直居中 於 其父級元素的方法 上下居中...
元素完全居中的方法
如何簡單方便地讓元素居中呢？在不同情況下寫法或許還得不一樣，下面我們直入主題，說幾個居中的方法 方法一 個人覺得最好用的一種 parent.child 注意 瀏覽器支援 chrome firefox safari mobile safari ie8 10，這種方法在windows phone上不起作...
元素居中方法
一 水平居中方式 行內元素 text alien center 塊元素 已知寬度 1 margin 0 auto 2 position margin組合 left 50 margin left px 未知寬度 1 display inline inline block text alien cent...