扫码关注官方订阅号
求解
移动端
业精于勤,荒于嬉;行成于思,毁于随。
img标签是行内元素,行内元素是没有width和height属性,自然无法设置。需要设置成block,才可以设置。但是img标签比较特殊,跟input又叫替换元素,自身就有width和height,所有只是为了设置width和height,改变display为block是没有必要的。画蛇添足而已
因为img标签默认是行内元素(好像是这么说的),也就是inline,行内元素设置宽度是无效的,display: block; 之后为块级元素。设置了width才有效
为何不用flex布局呢?
不需要啊,直接width=100%,就可以呀,前提要有 移动端的 meta 标签
解决图片常见问题---底部多余留白
设置img为:
display:block;
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
img标签是行内元素,行内元素是没有width和height属性,自然无法设置。需要设置成block,才可以设置。但是img标签比较特殊,跟input又叫替换元素,自身就有width和height,所有只是为了设置width和height,改变display为block是没有必要的。画蛇添足而已
因为img标签默认是行内元素(好像是这么说的),也就是inline,行内元素设置宽度是无效的,display: block; 之后为块级元素。设置了width才有效
为何不用flex布局呢?
不需要啊,直接width=100%,就可以呀,前提要有 移动端的 meta 标签
解决图片常见问题---底部多余留白
设置img为:
display:block;