CSS规则并不适用于图像
问题描述:
我想CSS更改应用于HTML增加了一个形象,但变化不应用,这里是我CSS规则并不适用于图像
HTML
<section id = "firstimage">
<div class = "container">
<img src = "collage2.jpg">
</section>
CSS
.container{
width:80%;
margin:auto
overflow:hidden;
height: 100%;
width: 100%;
}
#firstimage
{
max-width: 100%;
height: auto;
}
答
您正在申请的CSS到<section id="firstimage">
不是img
元件后等于(=)和之后等号(=),靠近容器的div前删除来自所有空间。此外,请记住关闭div
。改为尝试以下内容。
<section id="firstimage">
<div class="container">
<img src="collage2.jpg">
</div>
</section>
CSS
.container{
width:80%;
margin:auto
overflow:hidden;
height: 100%;
width: 100%;
}
#firstimage img {
max-width: 100%;
height: auto;
}
通过上面的CSS,你申请的样式实际img
元素。
答
尝试关闭DIV
<section id="firstimage">
<div class="container">
<img src="https://www.w3schools.com/css/trolltunga.jpg">
</div>
</section>
答
的img涡卷
<section id="firstimage">
<div class="container">
<img src="collage2.jpg">
</div>
</section>
感谢一堆这工作! – IcySun
@IcySun很高兴能帮到你。如果我的答案帮助您解决问题,请记住接受该解决方案 –