CSS絕對定位元素居中的幾種方法

css居中絕對定位元素的方法，有很多種，下面是我收集的幾種

1，div寬度未知1

<

body
>
<
div 
style
="position: absolute; left: 50%;"
>
<
div 
style
="position: relative; left: -50%; border: dotted red 1px;"
>
沒有寬度
<
br />
照樣居中，嘿嘿嘿
div>
div>
body
>

demo：

2，div寬度未知2

<

div 
class
="outer"
>
<
div 
class
="inner"
>居中<
br/>蓄力中
div>
div>
.outer 
.inner

demo：

ps：此方法適合ie8以上的瀏覽器

3，div寬度已知

<

body
>
<
div>
<
div 
id="content"
>
居中蓄力中
div>
div>
body
>
#content

demo：

後面有其他的方法的話，會繼續新增

CSS絕對定位元素居中的幾種方法

css居中絕對定位元素的方法，有很多種，下面是我收集的幾種 1，div寬度未知1 沒有寬度 照樣居中，嘿嘿嘿 demo 2，div寬度未知2 居中 蓄力中.outer inner demo ps 此方法適合ie8以上的瀏覽器 3，div寬度已知 居中蓄力中 content demo 後面有其他的方法...

css 絕對定位元素水平垂直居中

position absolute top 0 left 0 right 0 bottom 0 margin auto 設定margin auto 設定left和right的值相等,top和bottom的值相等,注意 left和right的值不能超過其相對元素width減去它自身width的一半,否...

絕對定位元素的居中實現

如果要問如何css實現絕對定位元素的居中效果，很多人心裡已經有答案了。相容性不錯的主流用法是 element 但，這種方法有乙個很明顯的不足，就是需要提前知道元素的尺寸。否則margin負值的調整無法精確。此時，往往要借助js獲得。css3的興起，使得有了更好的解決方法，就是使用transform代...