怎樣讓不設寬度的ul居中

2021-08-08 21:22:20 字數 376 閱讀 6746

簡單的方法必須是給ul設定乙個寬度,然後margin:0 auto;但如果你非要不給他寬度的話就是給外面的div設定position:relative,然後給ul設定position:absolute; left:50%;top:0;margin-left:-x,這裡的x是乙個值,假如你的ul是乙個固定的值如200,那這裡就寫-100px,但是你的ul又沒有寫寬度,那麼你就只有拿值來試,試到乙個看起來像是居中了的數值,但如果你想讓這個ul內部的元素不固定寬度,也就是說這個ul時長時短,那這個方法就不可行了。

那就得用到偽裝元素的方法了,給這個ul外面套乙個span,設定display:inline-block

,然後讓div設定text-align:center即可,但如果還想同時垂直居中那就更麻煩了

div(固定寬度和不固定寬度)居中顯示的方法總結

今天我總結一下css實現div居中的方法,有的是固定寬度的,還有的是不固定寬度的。1.使用自動外邊距實現div css居中 css中首選的讓元素水平居中的方法就是使用margin屬性 將元素的margin left和margin right屬性設定為auto即可。在實際使用中,我們可以為這些需要居中...

div(固定寬度和不固定寬度)居中顯示的方法總結

1.使用自動外邊距實現div css居中 css中首選的讓元素水平居中的方法就是使用margin屬性 將元素的margin left和margin right屬性設定為auto即可。在實際使用中,我們可以為這些需要居中的元素建立乙個起容器作用的div。需要特別注意的一點就是,必須為該容器指定寬度 1...

寬度高度不固定的div,如何水平居中以及垂直居中

水平居中 html部分12 3css部分 container center center 針對ie6 hack center a 要點 父容器container加css屬性 text align center 子容器center加css屬性display inline block center 為針...