分享好友 教程首页 教程搜索 频道列表

教你如何将1920px的图片用img在不同分辨率下居中显示

2019-07-06 12:219170
+关注28
核心提示:话不多说,直接上代码div style="overflow: hidden; position: relative;"img src=...

话不多说,直接上代码

<div style="overflow: hidden; position: relative;">
<img src="图片地址" style = "position:absolute;width:1920px;height:400px;left:50%;margin-left:-960px;"/>
</div>

本文标签: #居中 #1920 #大图 #通图
整理员:小黑
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

在css中使用display: flex;时两头对齐,上下居中的方案

    使用 display: flex; 布局时,可以通过设置 justify-content: space-between; 属性将子元素两端对齐。

小黑 CSS教程2023-04-15

img标签的水平居中、靠左、靠右

    //水平靠左.alignleft{display:inline;float:left;}imgsrc=class=alingleft//水平靠右.alignright{display:inline;float:right;}imgsrc=class=alignright//水平居中.aligncenter{clear:both;display:block;margin:au

网络转载 CSS教程2022-05-19

文章p标签css首行缩进text-indent后,导致图片img也跟着缩进从而无法居中问题

    段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。p{text-indent:2em;}注:div标签不要忘记起始符。text-i

小黑 CSS教程 12022-04-29

关于touchslider.js滑动切换页面的使用

    需用代码测试

网络转载 移动端模板制作2022-03-19

下一篇
我来说两句
抢沙发