在 Web 设计中,图片的展示一直都是网页设计中非常重要的一部分。而让图片居中和放大则是网页中经常需要涉及到的操作之一。那么在 CSS 中如何实现呢?要让图片居中放大,我们需要使用 CSS 的定位和变...
在 Web 设计中,图片的展示一直都是网页设计中非常重要的一部分。而让图片居中和放大则是网页中经常需要涉及到的操作之一。那么在 CSS 中如何实现呢?
要让图片居中放大,我们需要使用 CSS 的定位和变形属性。具体地讲,我们可以使用以下代码来实现:
<style>
img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1.2);
}
</style>
<p>下面是一个要实现居中放大效果的图片:</p>
<pre>
<img src="example.jpg" alt="example">