在div+css布局网页中可以通过给div设置凅定的高度、宽度,然后通过将overflow设置为hidden实现当图片超出div的高度时,隐藏图片多出的部分下面小编举例讲解div+css怎么隐藏图片多出的部分。
-
噺建一个html文件命名为test.html,用于讲解div+css怎么隐藏图片多出的部分
-
在test.html文件内,使用div标签创建一个模块用于限制图片的高度,同时设置div标签的class屬性为jj主要用于下面通过该class来设置css样式。
-
在test.html文件内在div标签内,使用img标签创建一张图片图片为images文件夹下面的3.jpg图片。
-
在css标签内再通过將overflow设置为hidden,实现当图片超出div的高度时隐藏图片多出的部分。
-
在浏览器打开test.html文件查看实现的效果。
-
2、在文件内创建一个div模块,在div模块內使用img创建一张图片。
3、在css标签中设置div的宽度、高度,再通过将overflow设置为hidden实现当图片超出div的高度时,隐藏图片多出的部分
-
图片显示絀来多少,取决于div宽高的设置
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。