首页 >

超大图居中的方法,绝对定位与相对定位使图片居中方法! – CSS – 前端,css3 全屏

css规则,css 高度响应,css取 后代偶数,css 去除a点击蓝色,css可以干什么,css设置动画旋转角度,css3 全屏超大图居中的方法,绝对定位与相对定位使图片居中方法! - CSS - 前端,css3 全屏

方法/步骤 使用绝对定位

html代码

css代码

.wrap{width:100%;overflow:hidden;}

.banner{width:1920px;margin-left:-960px;left:50%;position:relative;}

效果

css规则,css 高度响应,css取 后代偶数,css 去除a点击蓝色,css可以干什么,css设置动画旋转角度,css3 全屏超大图居中的方法
css规则,css 高度响应,css取 后代偶数,css 去除a点击蓝色,css可以干什么,css设置动画旋转角度,css3 全屏超大图居中的方法

使用相对定位

html代码

<div class="bannerbox">

<div class="banner"><img src="img1.jpg"></div>

</div>

css代码

.wrap { width:100%;position:relative; overflow:hidden; height:470px; }

.banner {width:1920px;position:absolute; left:50%; margin-left:-960px;}

效果

css规则,css 高度响应,css取 后代偶数,css 去除a点击蓝色,css可以干什么,css设置动画旋转角度,css3 全屏超大图居中的方法



超大图居中的方法,绝对定位与相对定位使图片居中方法! - CSS - 前端,css3 全屏
  • css变换背景动画 |css3菜单切换
  • css变换背景动画 |css3菜单切换 | css变换背景动画 |css3菜单切换 ...

    超大图居中的方法,绝对定位与相对定位使图片居中方法! - CSS - 前端,css3 全屏
  • margin的属性值auto什么意思,margin代码什么意思 - CSS - 前端,css3在线编辑器
  • margin的属性值auto什么意思,margin代码什么意思 - CSS - 前端,css3在线编辑器 | margin的属性值auto什么意思,margin代码什么意思 - CSS - 前端,css3在线编辑器 ...

    超大图居中的方法,绝对定位与相对定位使图片居中方法! - CSS - 前端,css3 全屏
  • css图片不占 |css3鼠标移过光照文字效果
  • css图片不占 |css3鼠标移过光照文字效果 | css图片不占 |css3鼠标移过光照文字效果 ...