老师请问这样写对吗?图片需不需要包在一个div里面?还是说直接写就好呢?

老师请问这样写对吗?图片需不需要包在一个div里面?还是说直接写就好呢?

谢谢老师

 <div class="container">

            <div class="con">

                <div class="pic">

                    <img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"/>

                </div>

                <p>欢迎来到慕课网学习新知识</p>

            </div>

            <div class="con">

                <div class="pic">

                    <img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"/>

                </div>

                <p>欢迎来到慕课网学习新知识</p>

            </div>

            <div class="con">

                <div class="pic">

                    <img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"/>

                </div>

                <p>欢迎来到慕课网学习新知识</p>

            </div>

            <div class="con">

                <div class="pic">

                    <img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"/>

                </div>

                <p>欢迎来到慕课网学习新知识</p>

            </div>

            <div class="con">

                <div class="pic">

                    <img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"/>

                </div>

                <p>欢迎来到慕课网学习新知识</p>

            </div>

            <div class="con">

                <div class="pic">

                    <img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"/>

                </div>

                <p>欢迎来到慕课网学习新知识</p>

            </div>

        </div>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,不需要设置块级哦,因为图片是置换元素,置换元素是指:浏览器根据元素的标签和属性,来决定元素的具体显示内容。是可以直接设置宽高的哦。

希望能帮助到你,欢迎采纳。

祝学习愉快!

好帮手慕糖 2019-03-18 14:27:36

同学你好,都是可以的哦,由于代码的灵活性,实现效果的方式不是唯一的,这里包不包div都是可以的,设置样式的时候注意就可以了,若是包了div,可以设置图片的宽高与div的一直,不包的话,设置图片即可哦。

这里因为没有css样式,不知道同学最终实现效果是否可以,同学可以与效果图对比下,若是还是有问题的话,可以粘贴完整的代码,继续提问哦。

祝学习愉快!

  • 提问者 hyperse #1
    那如果不设置div,直接设置成img的话,是不是要把图片先转成块级才能设置宽高呢?因为img是行内元素不支持宽高,对吗老师
    2019-03-18 15:28:38
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师