这篇“CSS让图片居中的方法是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“css让图片居中的方法是什么”文章吧。使用b
这篇“CSS让图片居中的方法是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“css让图片居中的方法是什么”文章吧。
使用background-position属性设置图片居中
页面布局：
<body> <div class="demo"></div></body>css样式：
.demo{ width: 400px; height: 300px; margin: 50px auto; border: 1px dashed #000; background-image:url(1.jpg) ; background-size:200px 160px ; background-position:50% 50% ; background-repeat:no-repeat ; }使用text-align属性设置图片居中
页面布局：
<body> <div class="content"><img src="images/1.jpg" /> </div></body>css样式：
.content{width:400px;height:300px;text-align:center; }css的选择器可以分为三大类，即id选择器、class选择器、标签选择器。它们之间可以有多种组合，有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等
以上就是关于“css让图片居中的方法是什么”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注编程网精选频道。
--结束END--
本文标题: css让图片居中的方法是什么
本文链接: https://www.lsjlt.com/news/347504.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
2024-05-13
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0