CSS 水平,垂直,居中对齐

使用CSS属性实现各种对齐,比如左对齐,居中对齐,右对齐,垂直居中对齐等

方法一:使用float属性设置左右对齐

    实例 php.cn  
此DIV靠左对齐显示

方法二:使用margin属性进行中心对齐

只需要对要居中对齐的样式加margin:0 auto

    实例 php.cn  
此DIV居中对齐显示

方法三:使用position属性设置左,右对齐

    实例 php.cn  
此DIV右对齐显示

使用多属性实现垂直居中对齐:

    实例 php.cn   

完全居中:

利用css定位规则,设置左右、上下方向定位为0,margin为auto


Meneruskan pembelajaran
||
实例 php.cn

完全居中:

利用css定位规则,设置左右、上下方向定位为0,margin为auto

serahkan Tetapkan Semula Kod
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!