网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

banner图居中的两种方法

时间:2024-11-07 02:22:08

1、第一种方法,就是直接插入图片,给图片定义一个class,若是定义margin{0,auto;}的话,如下图代码所示:

banner图居中的两种方法

3、对于class的banner我们要经过如下定义{ position:relative; left:50%; margin-left:-960px; width:1920px; }margin-left的值就是图片大小的一半,left要定义个50%。如下定义:

banner图居中的两种方法

5、第二种方法:将banner图定义为背景哦!首先要给图片定义个class 然后给class定义背景图 background。若只是这样定义的话,图片不会居中的哦,在左边显示。

banner图居中的两种方法
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com